🚀 T3 Stack Powered
Built with Next.js 15, Prisma, PostgreSQL, NextAuth, and tRPC for maximum type safety and developer experience.
Stelo CMS 🎠
A production-ready CMS template built with the T3 stack for rapid client deployment
What is Stelo CMS?
Section titled “What is Stelo CMS?”Stelo CMS is a comprehensive, production-ready content management system template built with the modern T3 stack. It provides a solid foundation for building scalable, multilingual websites for your clients.
🌍 Multilingual Ready
Built-in internationalization support with localized content fields and dynamic locale switching.
☁️ Cloud Native
Deployed on Digital Ocean with Coolify PaaS, PostgreSQL database, and S3-compatible storage.
🎨 Modern UI
Beautiful admin interface built with Tailwind CSS, Shadcn UI, and Tiptap rich text editor.
Key Features
Section titled “Key Features”- Dual Repository Architecture: Separate CMS backend and client frontend repositories
- Dynamic Content Management: Pages, collections, and global settings
- File Upload System: Integrated with Digital Ocean Spaces (S3-compatible)
- Role-Based Permissions: Secure admin and editor access controls
- SEO Optimized: Built-in meta management and slug generation
- Type-Safe APIs: End-to-end type safety with tRPC and Zod validation
Tech Stack
Section titled “Tech Stack”Backend (CMS)
Section titled “Backend (CMS)”- Next.js 15 with App Router
- Prisma with PostgreSQL
- NextAuth.js for authentication
- tRPC for type-safe APIs
- Tailwind CSS + Shadcn UI
- Tiptap rich text editor
Frontend (Client Site)
Section titled “Frontend (Client Site)”- Next.js 15 with App Router
- tRPC client for API consumption
- i18n for internationalization
- Tailwind CSS + GSAP for animations
- T3 stack architecture
Infrastructure
Section titled “Infrastructure”- Digital Ocean VPS: 2GB Memory / 50GB Disk
- Coolify: PaaS deployment platform
- PostgreSQL: Database (postgres:17-alpine)
- Digital Ocean Spaces: S3-compatible storage
Quick Start
Section titled “Quick Start”Ready to get started? Follow our comprehensive guides:
- Introduction - Understand the project structure and goals
- Architecture - Learn about the dual-repo system
- Install Backend - Set up your CMS
- Install Frontend - Deploy your client site
Documentation Structure
Section titled “Documentation Structure”This documentation is organized to serve as your source of truth during development:
- Getting Started: Setup and installation guides
- Entities: Core data structures (users, pages, collections, globals)
- Features: Key functionality (multilingual, uploads, permissions)
- Backend: API structure, schemas, and authentication
- Frontend CMS: Admin interface development
- Frontend Site: Client-facing website integration
- CLI Usage: Development tools and scripts