A starter preset for NextJS and TailwindCSS, jumpstarting your application's development.

This preset includes Prettier for code formatting and the jsconfig.json have been configured for importing from path purposes.

Getting Started

1. First, you'll need to clone this repo. NOTE that you have to replace the "project-name" with the name of your project.

git clone --depth=1 https://github.com/luigircruz/next-tailwind-preset.git project-name

2. Change directory to your project.

cd project-name

3. Install the project's dependencies.

npm install
# or
yarn

4. Run your development server:

npm run dev
# or
yarn dev

5. Open http://localhost:3000 with your browser to see the result.

And that's it! You now have a starter project with tailwind support in less than a minute.

Tips

To format your codes via Prettier, just use the format command.

yarn format

To build and run your application, just use the build-start command.

yarn build-start

Instead of figuring out the path of your imports, just prefix your directory paths to @/directory.

Examples:

import '@/styles/globals.css'
import MyComponent from '@/components/MyComponent'

You can find all of the configured paths on the jsconfig.json file.