Use TypeScript, TailwindCSS & Sass to quick start your new Next.js app!!
This Starter includes
- โก๏ธ Next.js 12 - The React Framework for Production
- โ๏ธ React 17 - A JavaScript library for building user interfaces
- ๐ง TailwindCSS v3 - A utility-first CSS framework packed with classes
- โจ TypeScript - TypeScript is a strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
- ๐ Sass - Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.
- ๐ ESLint โ Find and fix problems in your JavaScript code.
- ๐ฆ Prettier โ An opinionated code formatter.
- ๐ถ Husky - Husky improves your commits and more ๐ถ woof!
- ๐ถ Lint Staged โ Run linters against staged git files and don't let ๐ฉ slip into your code base!
The rest of the Starter is based off of the Next.js default starter.
Run the following command to create a new project with this Starter:
yarn create next-app my-app -e https://github.com/MikevPeeren/next-typescript-tailwindcss-sass-starter
# or
npx create-next-app my-app -e https://github.com/MikevPeeren/next-typescript-tailwindcss-sass-starter
Once the project and dependencies are finished installing, you can navigate to that directory and start up the development server with:
yarn dev
# or
npm run dev
Open http://localhost:3000 with your browser to see your new project!
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!