t3-oss/init.tips

init.tips's Issues

Make "other" page more visible

@JacobMGEvans mentioned that the "other" page is hard to find, we should make it more visible

Add animations library?

Animations make a website look cool. Suggestions:

• react-spring
• Framer Motion

Why is the site so heavy?

It loads ~280KB of stuff (scripts, etc) for what is essentially just a static website. It doesn't seem to have interactivity that would need that much JS to be loaded? Is it supposed to just be an example of how one would start working on something more sophisticated?

This seems to be becoming an issue in general with web frameworks, as I've seen several landing pages with huge amounts of JS that don't actually need all the JS.

bug: codeblock components hover/click state differs from browser

Originally found by Gui on Twitter.

The hover state on the CodeBlock component (npx create-t3-app button) differs from browser to browser.

I have tested it on Safari, Firefox and Chrome and found three different behaviors. See video linked here. Left one is Safari, middle is Firefox and right is Chrome.

• On Safari, the hover state does not display anything but highlights the CodeBlock. Clicking the icon makes the Copied success text show which is intended.
• On Firefox, the hover state displays a massive Clipboard icon covering the entire CodeBlock. Clicking the icon doesn't trigger the success-message to show.
• On Chrome, the hover state is the same as on Safari, but the on-click does not trigger the success-message.

Clicking the button successfully copies the text to the clipboard on all browsers tested.

Rewrite in Astro

This really should be an astro site

Won't let me use Git Bash to install

I'm getting this in Git Bash (MINGW64 on win 11):

$ npx create-t3-app@latest
npm WARN exec The following package was not found and will be installed: [email protected]
   ___ ___ ___   __ _____ ___   _____ ____    __   ___ ___
  / __| _ \ __| /  \_   _| __| |_   _|__ /   /  \ | _ \ _ \
 | (__|   / _| / /\ \| | | _|    | |  |_ \  / /\ \|  _/  _/
  \___|_|_\___|_/‾‾\_\_| |___|   |_| |___/ /_/‾‾\_\_| |_|


  WARNING: It looks like you are using MinTTY, which is non-interactive. This is most likely because you are
  using Git Bash. If that's that case, please use Git Bash from another terminal, such as Windows Terminal. Alternatively, you
  can provide the arguments from the CLI directly: https://create.t3.gg/en/installation#experimental-usage to skip the prompts.

  create-t3-app needs an interactive terminal to provide options
Aborting installation...
SystemError [ERR_TTY_INIT_FAILED]: TTY initialization failed: uv_tty_init returned EBADF (bad file descriptor)
npm notice
npm notice New minor version of npm available! 10.2.4 -> 10.5.0
npm notice Changelog: <https://github.com/npm/cli/releases/tag/v10.5.0>
npm notice Run `npm install -g [email protected]` to update!
npm notice

But I don't see why.

$ node -e "process.stdout.write(process.stdin.isTTY ? 'Interactive\n' : 'Non-interactive\n')"
Interactive

Menu navigation is confusing

Hi, instead of using space to select which packages to select, can you have it something more visible like "x"?