vite-template-react-tailwind Tailwind Templates

Vite Template React Tailwind

A Vite + React starter template with Tailwind Css.

Vite Template React with Tailwind Css

A Vite + React + Tailwind Css starter template.

Directory Layout

No setup or intricate folder hierarchies, only the essential files for building your application:

vite-template-react
├── node_modules
├── public
│   ├── favicon.svg
│   └── robots.txt
└── src
    ├── App.css
    ├── App.jsx
    ├── App.test.jsx
    ├── index.css
    ├── index.jsx
    └── logo.svg
    └── setupTests.js
├── .gitignore
├── index.html
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
├── vite.config.js

Development

To obtain a local copy of the code, clone the repository using git:

git clone https://github.com/YNS-JNS/vite-template-react-tailwind
cd vite-template-react-tailwind

Make it your own:

rm -rf .git && git init && npm init
git add .
git commit -m "Initial commit"

Install dependencies:

npm i

Now, you can initiate a local web server by executing the following command:

npm start

And afterward, navigate to http://localhost:3000 in your web browser to view the application.

Available Scripts

Within this project, you have access to the following scripts:

Script Description
npm start Runs the app in the development mode.
npm test Launches the test runner in the interactive watch mode.
npm run build Builds the app for production to the dist folder.
npm run serve Serves the production build from the dist folder.

Credits

Vite Template React is constructed and maintained by AIT M'BAREK Youness.

License

This project is licensed under the conditions of the MIT license.

Top categories

Loading Svelte Themes