Skip to content

FranciZhong/common-layout-demo

Repository files navigation

Next.js Layout Demo

A comprehensive demonstration of common UI layouts and components built with Next.js 14, TypeScript, and Tailwind CSS. This project showcases various layout patterns and interactive UI elements frequently used in modern web applications.

Visit the live demo

Getting Started

  1. Clone the repository
  2. Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install
  1. Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
  1. Open http://localhost:3000 with your browser to see the result.