This is a repo for learning how to build layout with Tailwind Jun Layout.

Getting Started

First, install dependencies and run the development server:

npm install && npm run dev

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

There are 3 layout practices in this repo:

• Dashboard
• Chat
• Blog

Dashboard layout

Build a dashboard layout at src/app/workshop/dashboard/page.tsx.

Visit a completed version url /app/dashboard as a reference.

Chat

Build a chat app layout at src/app/workshop/chat/page.tsx.

Visit a completed version url /app/chat as a reference.

Blog

Build a chat app layout at src/app/workshop/blog/page.tsx.

Visit a completed version url /app/blog as a reference.