A beautiful, modern template for API documentation built with Next.js. Vembric provides a clean, developer-friendly interface for creating stunning API documentation websites.
- 🎨 Beautiful Design - Modern UI with dark mode support
- 📱 Responsive - Works perfectly on all devices
- ⚡ Fast - Built with Next.js for optimal performance
- 🔍 Developer-Friendly - Easy to customize and extend
- 📚 Organized Navigation - Intuitive sidebar with collapsible sections
- 🎯 API-Focused - Designed specifically for API documentation
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the content by modifying the navigation in components/app-sidebar.tsx and the main content in app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter and JetBrains Mono fonts for optimal readability.
Edit components/app-sidebar.tsx to customize:
- Navigation sections
- Menu items
- Project links
- Branding
The project uses Tailwind CSS with a custom design system. You can customize colors and styling in:
app/globals.css- CSS variables and themetailwind.config.js- Tailwind configuration
Add your API documentation content by editing the pages in the app/ directory.
To learn more about the technologies used:
- Next.js Documentation - learn about Next.js features and API.
- Tailwind CSS - utility-first CSS framework.
- shadcn/ui - beautiful UI components.
The easiest way to deploy your Vembric documentation is to use the Vercel Platform from the creators of Next.js.
Check out the Next.js deployment documentation for more details.