Next.js 14 Open Source Playground: Crafting Modern Web Experiences

This is a Starter Template

Every line of code is open source, offering a collaborative learning experience. Join us on this coding journey and contribute to the future of web development!

• Nextjs 14 (latest)
• App router
• Dark, Light and System - Color theme mode
• SEO Optimized
• Styled using Tailwind CSS
• UI Components built using Shadcn UI (Radix UI)
• Validations using Zod
• Written in TypeScript

1. Install dependencies using pnpm:

npm install
# or
yarn install
# or
pnpm install

2. Copy .env.example to .env.local and update the environment variables.

3. Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/(main)/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

To learn more about Next.js, take a look at the following resources:

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

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.