ClassDojo External Web App
A modern Next.js 15 application with internationalisation, TypeScript, and comprehensive development tools. Built for educational content and user engagement.
🌍Current Language: EN
DDS ICON
Hello world!
Tailwind base OK
Arbitrary color OK
Utility OK
Theme OK
🎪Demo Pages
Explore the different features and components available in this application. Each page demonstrates specific functionality and integration patterns.
⚡Key Features
This application showcases modern web development practices with a focus on internationalisation, performance, and developer experience.
🌍
Internationalisation
Full i18n support with Lingui for English, Spanish, French, and German
🚀
Next.js 15
Latest Next.js with App Router, static generation, and performance optimisations
🔒
Type Safety
Full TypeScript integration with Zod validation for environment variables
🎨
Modern Styling
CSS Modules with responsive design and beautiful gradients
🔗
CMS Integration
Directus CMS integration for dynamic content management
🛠️
Developer Tools
Comprehensive development setup with testing, linting, and formatting
🔧Technology Stack
Built with modern technologies and best practices for scalable web development.
Next.js 15React 18TypeScriptLingui i18nCSS ModulesZod ValidationVitestPrettierESLintDirectus CMSHTTPS Dev Server
📚Getting Started
Quick commands to get you up and running with development.
🔧
Setup Environment
cp .env.example .env.local && pnpm validate-env🚀
Start Development
pnpm dev:basic for HTTP or pnpm dev for HTTPS🏗️
Build for Production
pnpm build or pnpm build:all for all languages