Skip to content

🔥 ReactPress is a free blog and CMS system developed using Next.js.(ReactPress是一个基于Next.js的博客&CMS系统) Live demo:https://blog.gaoredu.com

License

Notifications You must be signed in to change notification settings

fecommunity/reactpress

Repository files navigation

ReactPress

Introduction

ReactPress is an open-source publishing platform developed using the React. Users can set up their own blogs and websites on servers that support React and MySQL databases. ReactPress can also be used as a content management system (CMS).

GitHub license(Runtime) Build and Test (Compiler) TypeScript PRs Welcome

Issues · Pull Request · English · 中文

Content Management

Content Management

Home Page

Home Page

Navigation

Navigation

Mobile Phone

Mobile Phone

🆚 Comparison

Comparison of ReactPress, WordPress, and VuePress

Feature ReactPress WordPress VuePress
Technology Stack React + NextJS + MySQL + NestJS PHP + MySQL Vue.js
Type Open-source publishing platform / CMS Open-source publishing platform / CMS Static site generator / Documentation tool
Front-end & Back-end Separation Supported Not supported (traditional approach) Supported
Component-based Development Supported Limited support (via plugins and themes) Supported
Performance Optimization Virtual DOM, Code Splitting, Lazy Loading Plugin-dependent optimization Static page generation, excellent performance
SEO Performance Excellent (SSR support) Good Outstanding (static pages)
Customizability High (fully customizable themes and styles) High (via plugins and themes) Moderate (theme and component customization)
Extensibility Strong (API interfaces, independent front-end and back-end extensions) Strong (plugin extensions) Moderate (plugin and theme extensions)
User Interface Modern, component-based design based on React User-friendly backend interface Minimalist, optimized for technical documentation
Security Depends on the security of the framework and database Depends on plugin and theme updates and maintenance Static site, high security
Application Scenarios Complex functionality, high concurrent access, SEO optimization needs Quick website setup, content publishing, and management Technical documentation, static blogs
User Groups Developers, technical teams,Personal blogs,small businesses Personal blogs, small businesses, startups Technical documentation writers, developers
Community Support Active and growing Very active, with a large user base Supported by the Vue.js community

✨ Features

  • 📦 Technology Stack: Built on React+MySQL+NestJS+NextJS
  • 🌈 Componentization: an interactive language and visual style based on antd
  • 🌍 Internationalization: Supports switching between Chinese and English, with international configuration management capabilities
  • 🌞 Black and White Theme: Supports free switching between light and dark mode themes
  • 🖌️ Creation Management: Built in 'MarkDown' editor, supporting article writing, category and directory management, and tag management
  • 📃 Page management: supports customizing new pages
  • 💬 Comment management: supports content comment management
  • 📷 Media Management: Supports local file upload and OSS file upload
  • ...

🔥 Live Demo

ReactPress Demo

⌨️ Development

Environment

$ git clone --depth=1 https://github.com/fecommunity/reactpress.git
$ cd reactpress
$ npm i -g pnpm
$ pnpm i

Configuration

After the project starts, the .env configuration file in the root directory will be loaded. Please ensure that the MySQL database service is consistent with the following configuration, and create the reactpress database in advance

DB_HOST=127.0.0.1 // Default Database Host
DB_PORT=3306 // Default Database Port
DB_USER=reactpress // Default Username
DB_PASSWD=reactpress // Default Password
DB_DATABASE=reactpress // Default Database Name

After the environment is ready, execute the startup shell:

$ pnpm run dev

Open your browser and visit http://127.0.0.1:3001

🔗 Links

👥 Contributing

We warmly invite contributions from everyone. Before you get started, please take a moment to review our Contributing Guide. Feel free to share your ideas through Pull Requests or GitHub Issues. If you're interested in enhancing our codebase, explore the Development Instructions and enjoy your coding journey!

  1. GitHub Discussions
  2. Stack Overflow(English)
  3. Segment Fault(Chinese)

You can also send me an email: [email protected]

❤️ Acknowledgments

The ReactPress project has been greatly inspired and assisted by the following open-source projects:

……

We extend our heartfelt gratitude to the authors and contributors of these projects!

✨ Star History

Star History Chart

About

🔥 ReactPress is a free blog and CMS system developed using Next.js.(ReactPress是一个基于Next.js的博客&CMS系统) Live demo:https://blog.gaoredu.com

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published