# Technical Deep Dive
Building Modern Web Applications## Architecture Overview
- **Frontend:** Next.js + React
- **Content:** MDX
- **Styling:** Tailwind CSS v4
- **Deployment:** Cloudflare Pages## Why Static Generation?
**Benefits:**
- ⚡ Fast load times
- 💰 Lower costs
- 🔒 Better security
- 📈 Easy scaling## Code Architecture
```typescript
// Type-safe presentation metadata
type Presentation = {
slug: string;
title: string;
description?: string;
slides: string[];
}
```## Data Flow
1. MDX files in `content/presentations/`
2. Parsed at build time
3. Generated as static HTML
4. Deployed to CDN
5. Fast delivery worldwide## Key Features
- **MDX-Powered** - Write in Markdown
- **Type-Safe** - Full TypeScript
- **Responsive** - Works everywhere
- **Fast** - Static generation## Next Steps
- Add more presentations
- Customize themes
- Deploy to production## Thank You!
Built with ❤️ using Next.js and reveal.js