Next.js boilerplate with integrated Tailwind CSS and configured ES lint

Use this project as a starting point to create your own. You can check the demo here. This project is also SEO friendly. So it will help you with it.

Run the following command on your machine:

git clone --depth=1 https://github.com/rinatgumarov/next-tailwind-boilerplate.git my-project-name
code my-project-name

Features

• 🛠 Next.js With configured es-linter in development mode
• 🌎 TypeScript
• 🎀 Tailwind CSS
• ✅ ESLint - typescript, react, next.js, jsx-a11y, security
• 🎹 Prettier
• 👨‍💼 Next SEO
• 🇯🇵 Next-i18next configured with Typescript support

Run it locally

npm run dev

Open http://localhost:3000 with your favorite browser to see your project.

Edit

Change the following:

• icons and manifest in public/ - I suggest you to use https://realfavicongenerator.net/
• fonts in src/pades/_document_.tsx:8and in tailwind config tailwind.config.js
• deafaul seo props in src/utils/seo.ts
• robots.txt in src/pages/robots.txt.tsx

Recommended VS Code Extensions

• dbaeumer.vscode-eslint
• eamodio.gitlens
• christian-kohler.npm-intellisense
• christian-kohler.path-intellisense
• esbenp.prettier-vscode
• mikestead.dotenv
• bradlc.vscode-tailwindcss

Learn More

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

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.