🔋 Typescript-Nextjs-tailwindcss-Stater

Next.js + Tailwind CSS + TypeScript starter packed with useful development features.

Made by Itish Prasad

Features

This repository is 🔋 battery packed with:

• ⚡️ Next.js 12

• ⚛️ React 18 React Dom 18

• ✨ TypeScript

• 💨 Tailwind CSS 3 — Configured with CSS Variables to extend the primary color

• 💎 Pre-built Components — Components that will automatically adapt with your brand color, check here for the demo

• 🃏 Jest — Configured for unit testing

• 📈 Absolute Import and Path Alias — Import components using @/ prefix

• 📏 ESLint — Find and fix problems in your code, also will auto sort your imports

• 💖 Prettier — Format your code consistently

• 🤖 Conventional Commit Lint — Make sure you & your teammates follow conventional commit

• 👷 Github Actions — Lint your code on PR

• 🔥 Snippets — A collection of useful snippets

• 🗺 Site Map — Automatically generate sitemap.xml

• 📦 Expansion Pack — Easily install common libraries, additional components, and configs

Getting Started

1. Clone this template using one of the two ways:

1. Using create-next-app

   npx create-next-app -e https://github.com/itishprasad30/typescript-nextjs-tailwindcss-stater  project-name

2. Deploy to Vercel

   

2. Install dependencies

It is encouraged to use yarn so the husky hooks can work properly.

yarn install
# or
npm install

3. Run the development server

You can start the server using this command:

yarn dev
# or
npm run dev

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/pages/index.tsx.