All Projects → bs32g1038 → Node Blog

bs32g1038 / Node Blog

Licence: mit
🔥✨ A react blog project base on nodejs, nestjs, mongoose, typescript, react, ant-design,nextjs

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Node Blog

React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+1802.9%)
Mutual labels:  webpack, database, ant-design, ant
Nest Angular
NestJS, Angular 6, Server Side Rendering (Angular Universal), GraphQL, JWT (JSON Web Tokens) and Facebook/Twitter/Google Authentication, Mongoose, MongoDB, Webpack, TypeScript
Stars: ✭ 307 (+344.93%)
Mutual labels:  webpack, mongoose, nestjs
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-36.23%)
Mutual labels:  webpack, ant-design, ant
Fullstack React
A simple, full-stack JavaScript single page app featuring React, Webpack, and Falcor
Stars: ✭ 503 (+628.99%)
Mutual labels:  webpack, blog, article
Wipi
nextjs + nestjs + TypeScript +MySQL 开发的前后端分离,服务端渲染的博客系统
Stars: ✭ 163 (+136.23%)
Mutual labels:  blog, nextjs, nestjs
Nodepress
😎 RESTful API service for Blog/CMS, powered by @nestjs
Stars: ✭ 829 (+1101.45%)
Mutual labels:  blog, mongoose, nestjs
Essay
A blog system based on Nuxt.js
Stars: ✭ 913 (+1223.19%)
Mutual labels:  blog, mongoose
Blog.hellorusk.net
Tech Blog
Stars: ✭ 28 (-59.42%)
Mutual labels:  blog, nextjs
Ng Zorro Antd
Angular UI Component Library based on Ant Design
Stars: ✭ 7,841 (+11263.77%)
Mutual labels:  ant-design, ant
Nestpress
A production ready personal blogging system on top of NestJS and NEXT.js
Stars: ✭ 38 (-44.93%)
Mutual labels:  nextjs, nestjs
React Antd Todo
A simple todo list app built with React, Redux and Antd - Ant Design
Stars: ✭ 42 (-39.13%)
Mutual labels:  ant-design, ant
Cusca
A ghost theme
Stars: ✭ 42 (-39.13%)
Mutual labels:  webpack, blog
Nextjs Sequelize
Next.js With Sequelize Web Application, a Full-Stack Web App Development Boilerplate. https://medium.com/@defrian.yarfi/next-js-with-sequelize-web-application-a-full-stack-web-development-a0051074e998
Stars: ✭ 21 (-69.57%)
Mutual labels:  database, nextjs
Front End Canteen
你的前端食堂,吃好每一顿饭🍥
Stars: ✭ 878 (+1172.46%)
Mutual labels:  webpack, blog
Blog
本仓库存放个人博客的 markdown 源文件
Stars: ✭ 951 (+1278.26%)
Mutual labels:  blog, database
Tvrboreact
Dream starter project: React, Redux, React Router, Webpack
Stars: ✭ 13 (-81.16%)
Mutual labels:  webpack, mongoose
Bundle Cop
🚓 compare webpack stats between branches
Stars: ✭ 18 (-73.91%)
Mutual labels:  webpack, nextjs
Cdfang Spider
📊 成都房协网数据分析,喜欢请点 star!
Stars: ✭ 1,063 (+1440.58%)
Mutual labels:  webpack, mongoose
Pro Components
🏆 Use Ant Design like a Pro!
Stars: ✭ 1,039 (+1405.8%)
Mutual labels:  ant-design, ant
Wertik Js
💪 A library that powers your app with GraphQL + Rest API
Stars: ✭ 56 (-18.84%)
Mutual labels:  mongoose, database

Node Blog

A simple, fast and easy-to-use blog

Actions Status Actions Status David Total alerts Language grade: JavaScript codecov GitHub

博客首页

Features

  • 🌙☀ Theme: Support light and dark themes
  • 🐐 APi: Node-blog through Nodejs and express provide the Restful API
  • 🚜 Database: Data stored in Mongodb,Driven by Mongoose
  • 🔨 Powerful build: Use powerful webpack to build projects
  • 🍓 Framework support: React, Ant design, Express, Typescript, ...
  • 🌲 Nextjs: Support server-side render
  • 📲 Responsive: Responsive layout for mobile-side
  • ⚙️ Best Practices: Solid workflow to make your code healthy
  • ......

Structure

ROOT
│
├─server // provide blog server api, based one nodejs, mongodb
│
client // client ui
│
├──web // front-end ui
│
├──admin // admin ui
│
├─docker-compose.yml // docker-compose config file

Todo

  • [x] Article tags
  • [x] Writing new article in browser
  • [x] Comments
  • [x] Search support
  • [x] Mobile web support
  • [x] Light theme & Dark theme
  • [x] Other support ...

Development

1,clone code

git clone https://github.com/bs32g1038/node-blog.git

2,install

cd **
npm install

3,init database data

// this will generate the faker data to database
npm run init:dev:data

4,run app

npm run dev     // development mode

4, build dist

npm run build   // build dist for server and client

Deploy

The project has integrated related suites, such as client ui, dockerfile, docker-compose.yml. So you can easy to deploy the project.

  • First: I recommend that you debug locally and make changes to configuration information, such as database information and personal information.

  • Secondly: you can choice the docker to deploy this project. It is very esay. you only pull the project to your server and install docker, and run docker-compose build command, and run docker-compose up -d command

However!!!⚠

If you don't want to use docker, you must to cd the current item and run npm install or yarn install command.

At the same time, when finish install, you need to run npm run start:prod command.

Besides, you may need to install mongodb,before you run the application.

Environment dependence

Operating System: Linux, OS X or Windows.

Node.js Runtime: 12.x or newer; it is recommended that you use LTS Releases.

database: mongdb 4.x or newer;

Browsers support

Modern browsers and IE11.

IE / EdgeIE / Edge FirefoxFirefox ChromeChrome SafariSafari OperaOpera
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

Thank you:

If you think these contents are useful to you, please add a "Star" at the top right. This is the encouragement to me, thank you!

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].