Next.js (App Router) + Tailwind CSS + Typescript Starter Template

<img alt="snxtw" src="https://github.com/bonabrian/snxtw/assets/14372275/137dc56d-b0a4-4e49-b91d-a30137ed5166"> <div align="center"> <a href="https://vercel.com/new/clone?repository-url=https://github.com/bonabrian/snxtw" target="_blank"><img src="https://vercel.com/button" alt="Deploy with Vercel" /></a> <a href="https://app.netlify.com/start/deploy?repository=https://github.com/bonabrian/snxtw" target="_blank"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a> <a href="https://railway.app?referralCode=vMv3VV" target="_blank"><img src="https://railway.app/button.svg" alt="Deploy on Railway" height="32px" /></a> <p>A <a href="https://nextjs.org/docs/app" target="_blank">Next.js</a> (App Router) starter kit template with <a href="https://tailwindcss.com/" target="_blank">Tailwind CSS</a> and <a href="https://www.typescriptlang.org/" target="_blank">Typescript</a></p> </div>

Features

This repository is 🔋 ⚡ battery packed with:

• 🔥 Next.js with app router directory structure
• ⚛️ React
• ⚡️ Typescript
• 💅 Tailwind CSS
• 💎 Pre-built Components
• ⚙️ SEO metadata
• 📏 ESLint — Find and fix problems in your code
• 💖 Prettier — Format your code consistently
• 🐶 Husky & Lint Staged — Run scripts on your staged files before they are committed
• 🤖 Conventional Commit Lint

Getting Started

1. Clone this template using one of these ways:

1. You can simply click Use this template button on this repository Please be aware that there will be an attribution on your repository. It would be greatly appreciated if you could leave this attribution intact, as it will help others discover and benefit from this template as well. Thank you! 😄"

   

2. Using create-next-app

   npx create-next-app -e https://github.com/bonabrian/snxtw project-name
   

3. Using degit

   npx degit bonabrian/snxtw YOUR_APP_NAME
   

2. After cloning this project, install dependencies

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

yarn install

3. Run development server

You can start the server using this command:

yarn dev

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