putramaghfirah/next-with-tailwind

An opinionated simple starter/template project with Next.js, Tailwind CSS, and Typescript 🔥. Created by putramaghfirah.

NextJS Typescript Boilerplate

A Next.js starter that includes all you need to build amazing projects 🔥.

• ⚙️ Tailwind CSS - A utility-first CSS framework
• 📏 ESLint — Pluggable JavaScript linter
• 💖 Prettier - Opinionated Code Formatter
• 🐶 Husky — Use git hooks with ease
• 🗂 Absolute import - Import folders and files using the @ prefix
• 🧪 Jest - Testing with Jest and react-testing-library
• 🌠 NProgress - Slim progress bars
• 🎨 Heroicons - Beautiful icons, by the makers of Tailwind CSS

🚀 Getting started

1. Clone this template, change "next-with-tailwind" with your own project name
   

    git clone https://github.com/putramaghfirah/next-with-tailwind.git "next-with-tailwind"

2. Install all dependencies
   

   Recommended using yarn

    cd next-with-tailwind
    yarn

   or using npm

    cd next-with-tailwind
    npm install

3. Run the development server
   

   Using yarn

   yarn run dev

   or using npm

   npm run dev

   To view the project open http://localhost:3000.

📝 Credits

© 2021 Created by Putra Maghfirah

Deploy it to the cloud with Vercel (Documentation).