Nextjs Shadcn Template

Next.js Template

A complete Next.js template kit for building robust web applications, incorporating TypeScript, shadcn/ui, million.js, and various other development tools for better DX.

Table of Contents

• Getting Started
  • Prerequisites
  • Installation
• Learn More
• Deploy on Vercel

Getting Started

To get a local copy up and running, follow these steps. This template use nx.dev to manage the monorepo, so you can use nx commands to run the project.

Prerequisites

Make sure you have the following software installed on your computer:

• Node.js
• NPM, Yarn, PNPM, or Bun

Installation

1. Clone the repository:

   git clone https://github.com/Popwers/nextjs-shadcn-template.git
   

2. Install dependencies (using NPM, Yarn, PNPM, or Bun):

   # Replace the command with your preferred package manager
   npm install
   # or
   yarn install
   # or
   pnpm install
   # or
   bun install -y
   

3. Run the using traditional package manager commands or nx.dev:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev
   # or
   bun dev
   # or
   nx dev
   

Open http://localhost:3000 in your browser to view the application.

Begin editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project leverages the new Next.js turbo option during development.

Learn More

Explore the following resources to delve deeper into Next.js:

• Next.js Documentation - learn about Next.js features and APIs.
• Learn Next.js - an interactive Next.js tutorial.

Deploy on Vercel

Utilize the Vercel Platform for the easiest deployment of your Next.js app. For more details, refer to the Next.js deployment documentation.

(back to top)