react-email icon indicating copy to clipboard operation
react-email copied to clipboard

feat(create-email): Improved overall experience

Open gabrielmfern opened this issue 1 year ago • 2 comments

Before After

Why?

Generally starters will ask you what you want out of the template being created through prompts. This is something that is generally very helpful and very powerful.

This helps a lot with the way users can get to a more meaningful starting point quickly now instead of having to understand and figure out certain things by themselves. Like how Tailwind should be configured and other things.

What does it change?

This PR changes the following specifically:

  • Use TypeScript with tsup to build the code
  • Adds many unit tests and breaks up code apart to make sure everything is working fine
  • Detects user project location based on prompts instead of an argument.
    • Asks if the user wants TypeScript
    • Asks if the user wants to use TailwindCSS
    • Detects weather or not the user is inside a monorepo and asks if they want the starter to add the new project as a workspace (Also allows the user to choose which workspace properly)
  • Adds new versions of the initial template
    • Typescript
    • JavaScript
    • Typescript + TailwindCSS
    • JavaScript + TailwindCSS

How can I test this?

  1. Checkout into the PR
  2. Run pnpm install and pnpm build inside of ./packages/create-email
  3. Run npm link
  4. Run npx create-email and it should run the locally built version

gabrielmfern avatar Feb 13 '24 13:02 gabrielmfern

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
react-email ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 13, 2024 2:33pm
react-email-demo ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 13, 2024 2:33pm

vercel[bot] avatar Feb 13 '24 13:02 vercel[bot]