Next - Typescript - Tailwind

Everything you need to get started on a next project, with a set of devtools to make it easy for you to start coding instead of spending time searching on how to setup this and that..

How to use it?

Clone this repo in a folder of your choice, cd to the folder and npm install:

git clone https://github.com/AlaaZorkane/next-typescript-tailwind.git MyProjectName
cd MyProjectName
npm install # or yarn
npm run dev

OPTIONAL: Change git repo

rm -rf .git
git init
git add .
git commit -m "Init 🎉"
git remote add origin
git push origin master

What's inside?

Libraries

• Next
• Tailwindcss

Devtools

• Typescript
• Prettier
• Eslint
• Postcss
• Stylelint

Extra candy 🍬

• Alias is already setup to match your baseUrl, please don't "../../../../components/hello", it's ugly. Use "@/components/hello" instead!
• Shared interfaces go to the folder interfaces and read this about whether to use types or interfaces
• Make sure to have these vs code extensions installed for maximum developer comfort:
  • Eslint extension
  • Prettier extension
  • Tailwind exntesion
  • Stylelint extension
• No, don't use emacs.

Notes and issues

• There is bug with the eslint's react/prop-types that's why I had to disable it, more discussion here.