GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → dxhuii → React 5ddm

dxhuii / React 5ddm

5d动漫，使用React，服务端渲染，接口(不开源)来自赞片CMS。仅供参考，交流群：14646823 欢迎加入

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactnodejsreduxwebpacksassssrhooksreact-routercss-modules

Projects that are alternatives of or similar to React 5ddm

Ice
🚀 The Progressive App Framework Based On React（基于 React 的渐进式应用框架）
Stars: ✭ 16,961 (+33822%)
Mutual labels:  webpack, hooks, ssr, react-router
React Redux Universal Boilerplate
An Universal ReactJS/Redux Boilerplate
Stars: ✭ 165 (+230%)
Mutual labels:  webpack, sass, react-router, css-modules
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+1842%)
Mutual labels:  webpack, sass, react-router
React Core Boilerplate
Powerful ASP.NET Core 3 templates with React, true server-side rendering and Docker support
Stars: ✭ 169 (+238%)
Mutual labels:  webpack, sass, ssr
Kratos Boilerplate
🔥 A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules
Stars: ✭ 308 (+516%)
Mutual labels:  webpack, sass, css-modules
Monitaure
🔔 A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135 (+170%)
Mutual labels:  webpack, sass, react-router
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+3566%)
Mutual labels:  webpack, sass, ssr
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (+388%)
Mutual labels:  webpack, react-router, css-modules
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (+124%)
Mutual labels:  webpack, react-router, css-modules
React Router Server
Server Side Rendering library for React Router v4.
Stars: ✭ 443 (+786%)
Mutual labels:  webpack, ssr, react-router
After.js
Next.js-like framework for server-rendered React apps built with React Router
Stars: ✭ 4,051 (+8002%)
Mutual labels:  webpack, ssr, react-router
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-12%)
Mutual labels:  webpack, sass, react-router
Dev Toolkit
Universal Development Toolkit for Javascript People
Stars: ✭ 134 (+168%)
Mutual labels:  webpack, sass, css-modules
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+168%)
Mutual labels:  webpack, react-router, css-modules
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+132%)
Mutual labels:  webpack, ssr, react-router
Loadable Components
The recommended Code Splitting library for React ✂️✨
Stars: ✭ 6,194 (+12288%)
Mutual labels:  webpack, ssr, react-router
React Dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Stars: ✭ 1,268 (+2436%)
Mutual labels:  webpack, sass, react-router
Award
⚙基于react的服务端渲染框架
Stars: ✭ 91 (+82%)
Mutual labels:  webpack, ssr, react-router
React Lego
React-lego : incrementally add more cool stuff to your react app
Stars: ✭ 417 (+734%)
Mutual labels:  webpack, ssr, react-router
Redux Webpack Es6 Boilerplate
A starter project for modern React apps with Redux
Stars: ✭ 566 (+1032%)
Mutual labels:  sass, react-router, css-modules
View All Similar Projects ➔

些仓库不在维护，请稳步 https://github.com/dxhuii/geekacg

重要

  • 项目 api 是第三方的，无法开源
  • 前端开源，api 需自行开发

开发进度

  • [x] 首页
  • [x] 列表页
  • [x] 详情页
  • [x] 播放页
  • [x] 评分
  • [x] 收藏订阅
  • [x] 登录注册
  • [x] 增加 JWT 验证
  • [x] 各种系统提示
  • [x] 详情页新闻列表
  • [x] 详情页剧情列表
  • [x] 相关动漫
  • [x] 30 天热门动漫
  • [x] 30 天热门新闻
  • [x] 剧情详情页
  • [x] 剧情详情页剧情分集列表
  • [x] 社交分享
  • [x] 最新更新
  • [x] 排行榜
  • [x] 播放页，点赞，分享
  • [x] 每周番表
  • [x] 每月新番表
  • [x] 观看记录
  • [x] 移动端适配
  • [x] 新闻列表
  • [x] 剧情列表
  • [ ] 角色列表
  • [ ] 明星列表
  • [ ] 明星详情
  • [ ] 角色详情
  • [ ] 用户中心

开始

没有在 windows 机器上测试过，可能会报错

$ git clone [email protected]:dxhuii/react-5ddm.git
$ cd react-5ddm
$ yarn
$ yarn start

浏览器打开 http://localhost:4000

相关命令说明

开发环境

yarn start

生产环境测试

yarn pro

部署到服务器

1、打包项目

yarn dist

2、将项目上传至你的服务器
3、启动服务

Node 启动服务

node ./dist/server/server.js

或使用 pm2 启动服务

pm2 start ./dist/server/server.js --name "react-5ddm" --max-memory-restart 1000M

特点

  • 🖥 支持首屏服务端渲染，支持 SEO
  • ✂️ 按页面将代码分片，然后按需加载
  • 🌈 支持 CSS Modules，避免 CSS 全局污染
  • ⚙️ 支持流行 UI 框架 Bootstrap 4
  • 🔄 开发环境支持热更新
  • 🎛 内置登录、退出、页面权限控制、帖子列表获取、帖子详情获取等功能
  • 🚧 内置用户访问页面时，301、404 状态相应的处理逻辑

注：项目里面包含了对 vscode 的配置

感谢

升级日志

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].