Getting Started

Welcome! This guide will help you set up a modern Next.js project with Tailwind CSS and start building beautiful web components.

1. Create a New Project

Run this command in your terminal:

npx create-next-app@latest my-app -e with-tailwindcss
bash

2. Project Structure

Your project will look like this:

my-app/
├── src/
│   ├── app/
│   └── components/
├── public/
├── package.json
└── tailwind.config.js
bash

3. Start the Dev Server

Navigate to your project folder and run:

cd my-app
npm run dev
bash

You're ready to start building! Next, try making your first component or follow the Navbar tutorial.