Docs / Project Structure

Project Structure

Learn about the project structure of shadcnblocks templates.

Our templates use the Next.js 16 App Router conventions and best practices.

├── src/│   ├── app/                       # Next.js 16 App Router and pages│   │   ├── ...                    # Pages based on the template│   │   ├── globals.css            # Tailwind 4 CSS and config│   │   ├── layout.tsx             # Root layout│   │   └── page.tsx               # Home page│   ├── components/                # React components│   │   ├── ui/                    # shadcn/ui components│   │   ├── sections/              # section blocks from Shadcnblocks.com│   │   └── layout/                # global blocks like header and footer│   └── lib/                       # Utility functions├── public/                        # Static assets├── .gitignore                     # Git ignore rules├── .prettierrc                    # Prettier configuration├── components.json                # shadcn/ui components config├── eslint.config.mjs              # ESLint configuration├── next.config.ts                 # Next.js configuration├── package.json                   # Dependencies and scripts├── postcss.config.mjs             # PostCSS configuration├── README.md                      # Project documentation└── tsconfig.json                  # TypeScript configuration

Features

Our templates come with:

  • ⚡️ Performance: Built on Next.js 16 with React 19
  • 🎨 Styling: Beautiful UI with Tailwind CSS 4 and shadcn/ui (latest version)
  • 📝 Content: MDX support for rich content creation
  • 📱 Responsive: Mobile-first design approach
  • 🌙 Dark Mode: Built-in dark mode support
  • 🔍 SEO: SEO optimized with meta tags