Modern Full-Stack Publishing Platform Built with React, Next.js, and NestJS
ReactPress 2.0 is a full-stack publishing platform built with modern web technologies. It enables developers and content creators to build professional blogs, websites, and content management systems with minimal setup.
- Zero-Configuration Setup with intelligent defaults
- WordPress-Style Installation Wizard for intuitive setup
- Auto-Database Provisioning with automatic schema migration
- Dynamic Theme Switching with light/dark mode
- Component-Level Customization through modular architecture
- Internationalization support (Chinese & English)
- Monorepo Architecture with modular packages
- TypeScript for type safety across frontend and backend
- PM2 Process Management for production deployments
- Frontend: React 17 + Next.js 12 Pages Router
- Backend: NestJS 6 with modular architecture
- Database: MySQL with TypeORM
- UI: Ant Design v5 components
- Node.js >= 16.5.0
- MySQL database
- pnpm package manager
# Install ReactPress globally
npm install -g @fecommunity/reactpress
# Launch installation wizard
reactpress server install
# Start services
reactpress server start
reactpress client# Install and start ReactPress server
npx @fecommunity/reactpress-server
# Install and run client independently
npx @fecommunity/reactpress-clientReactPress is organized as a monorepo with modular packages:
| Package | Description | Version |
|---|---|---|
@fecommunity/reactpress |
Main CLI and unified entry point | 2.0.0 |
@fecommunity/reactpress-client |
Next.js 12 frontend application | 1.0.0 |
@fecommunity/reactpress-server |
NestJS 6 backend API | 1.0.0 |
@fecommunity/reactpress-toolkit |
Auto-generated API client SDK | 1.0.0 |
| Template | Description | Package Name |
|---|---|---|
hello-world |
Minimal template for rapid prototyping | @fecommunity/reactpress-template-hello-world |
twentytwentyfive |
Feature-rich blog template | @fecommunity/reactpress-template-twentytwentyfive |
Create a .env file in the root directory for local development:
# Database Config
DB_HOST=127.0.0.1
DB_PORT=3306
DB_USER=reactpress
DB_PASSWD=reactpress
DB_DATABASE=reactpress
# Client Config
CLIENT_SITE_URL=http://localhost:3001
# Server Config
SERVER_SITE_URL=http://localhost:3002# Install PM2 globally
npm install -g pm2
# Start ReactPress server with PM2
npx @fecommunity/reactpress-server --pm2
# Start ReactPress client with PM2
npx @fecommunity/reactpress-client --pm2# Build for production
pnpm run build
# Start production servers
pnpm run startWe welcome contributions of all kinds! Whether it's bug fixes, new features, documentation improvements, or translations, your help is appreciated.
- Fork the repository
- Clone your fork:
git clone https://github.com/your-username/reactpress.git - Install dependencies:
pnpm install - Start development servers:
pnpm run dev
To publish packages to npm:
- Ensure you're logged into npm:
pnpm login - Run the publish script:
pnpm run release - Follow the interactive prompts to select packages and version increments
Please read our Contributing Guide for details on our code of conduct and development process.
ReactPress is inspired by and built upon the work of many amazing open-source projects:
- Next.js - React framework
- NestJS - Progressive Node.js framework
- Ant Design - UI design language
- TypeORM - ORM for TypeScript and JavaScript
We're grateful to the authors and contributors of these projects for their excellent work.