/next-with-tailwind

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

Primary LanguageTypeScript

NextJS Typescript Boilerplate

Next.js and TypeScript

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).