React + TypeScript + Vite + TailwindCSS

To scaffold your project using this template

npx degit https://github.com/nelwincatalogo/vite-swc-ts-tailwind#main my-project
cd my-project

yarn
yarn dev

Commands

• yarn dev or npm run dev: Starts the development server
• yarn build or npm run build: Builds the app
• yarn preview or npm run preview: Runs the built app in production

Linting

• yarn lint:check or npm run lint:check: Check lint errors
• yarn lint:fix or npm run lint:fix: Fixes lint errors

Commit Error

If commit fails, run:

yarn lint:fix # OR npm run lint:fix

Summary

• TypeScript Support

• Unplugin Turbo Console

• Generouted - Page router like nextjs

• TailwindCSS

• Absolute Import

• Linting

  • prettier
  • eslint-config-prettier
  • eslint-plugin-prettier
  • eslint-plugin-tailwindcss

• Lint on pre-commit

  • Husky

• env configs dev and prod

• axios default instance configured

• Default Font [Poppins, Inter]

• Option+Right Click - in your browser to open the source in your editor.

• PullState - State Management

• React Icons

• Shadcn Sonner - Toaster

• react-helmet-async - SEO

• No consoles in production