Starter template for creating React projects with Vite, TypeScript, Tailwind CSS, and React Router.

Installation

  1. If you are using this command for the first time,
  • First install the create-react-tt package globally by running the following command:
npm install -g create-react-tt
  • After installing create-react-tt globally, run:
npx create-react-tt project-name

replace app-name with name of your project

  1. If you already have the create-react-tt package installed globally, you can directly run the command:
npx create-react-tt project-name

replace app-name with name of your project

After successful installation you can run:

cd project-name && npm run dev

This will start the starter template on localhost:5173

Usage


Once you have created your React project using the create-react-tt command, you can start working on it. The generated project includes the following:

  • vite: Blazing fast build tool for modern web applications.
  • TypeScript: “JavaScript at scale”
  • Tailwind CSS: “A utility-first CSS framework for rapid UI development”
  • React Router: “Declarative routing for React”

You can make use of following scripts throughout your project

  • npm run dev: Starts the development server with Vite and React.
  • npm run build: Builds the project for production.
  • npm run lint: Runs ESLint to lint your code.
  • npm run preview: Serves the production build for previewing.

Feel free to customize the project by modifying the files according to your requirements.

Read More