Introduction

Welcome to Project Distri! This is your all-in-one platform documentation.

What is Project Distri?

Project Distri is a modern, full-featured web platform template built with Next.js. It combines:

• 🏠 A beautiful landing page with hero, features, and pricing
• 📝 MDX documentation with sidebar navigation
• 📰 A blog system powered by MDX
• 🔐 Authentication pages (Login & Sign Up)
• 🌙 Dark mode with smooth transitions

Quick Start

Get started in just a few steps:

npm install
npm run dev

Then open http://localhost:3000 in your browser.

Writing Documentation

Docs are written as .mdx files in the content/docs/ directory. Each file has frontmatter:

---
title: My Page Title
description: A brief description
order: 1
section: Getting Started
---

The order field controls sidebar sort order. The section field groups docs into sidebar sections.

Project Structure

| Directory | Purpose | |-----------|---------| | app/ | Next.js App Router pages and layouts | | components/ | Reusable React components | | content/docs/ | MDX documentation files | | content/blog/ | MDX blog posts | | lib/ | Utility functions |