A modern, fully-featured creative studio template built with Next.js 14, TypeScript, and Tailwind CSS ⚡️

Mojave is a professional creative studio template designed for agencies, freelancers, and creative professionals. Built with modern technologies and best practices, it provides everything you need to showcase your work and services effectively.

• 🎨 Modern, minimalist design
• 📱 Fully responsive layout
• 🌓 Dark/light mode support
• ⚡️ Next.js 14 App Router
• 💨 Tailwind CSS for styling
• 🔧 TypeScript for type safety
• 📝 MDX support for rich content
• 🎯 SEO optimized
• 📊 Vercel Analytics integration
• 🧩 Radix UI components
• 📋 Form handling with react-hook-form
• ✨ Modern animations

1. Clone the repository:

git clone https://github.com/brijr/mojave.git
cd mojave

2. Install dependencies:

pnpm install

3. Run the development server:

pnpm dev

4. Open http://localhost:3000 in your browser

mojave/
├── app/                # Next.js app directory
│   ├── layout.tsx     # Root layout
│   └── page.mdx       # Home page
├── components/        # Reusable components
│   ├── ui/           # UI components
│   ├── theme/        # Theme components
│   ├── craft.tsx     # Creative content components
│   └── portfolio.tsx # Portfolio components
├── lib/              # Utility functions
├── public/           # Static assets
└── styles/           # Global styles

• Update site metadata in app/layout.tsx
• Modify the home page content in app/page.mdx
• Replace logos and images in the public directory

• Customize colors and theme in tailwind.config.ts
• Modify global styles in app/globals.css
• Update component styles in individual component files

The portfolio section is fully customizable:

• Edit components/portfolio.tsx to modify the portfolio grid
• Add your projects and case studies as MDX files
• Customize the portfolio filtering and sorting

The template includes pre-built form components with validation:

• Customize form fields in the contact components
• Update form submission handling
• Modify success/error messages

Vercel Analytics is pre-configured:

• Add your Vercel Analytics ID in the environment variables
• Customize tracking events
• Access analytics in your Vercel dashboard

• TypeScript for type safety
• ESLint for code quality
• Prettier for code formatting
• Husky for git hooks
• PostCSS and Autoprefixer

The template is optimized for performance:

• Server-side rendering
• Image optimization
• Code splitting
• Font optimization
• Minimal bundle size

This project is licensed under the MIT License - see the LICENSE file for details.

Built by Bridger using Next.js and Tailwind CSS / Designed in the Desert 🏜️