Docs / Project Structure

Project Structure

Learn about the project structure of shadcnblocks templates.

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

├── src/
│   ├── app/                       # Next.js 15 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 15 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