Git Product home page Git Product logo

react-next's Introduction

react-next

这是一个next架构为主的react服务端渲染模板,实现了以下功能:

  • webpack,包括开发环境下的热更新等功能,以及部署环境下的打包功能
  • babelrc配置
  • 支持scss
  • 支持next-router
  • 支持redux
  • 支持图片格式文件
  • 支持axios
  • 支持gzip

服务端渲染

本项目基于服务端渲染

客户端渲染

如果你不想使用服务端渲染,可以选择本项目的客户端渲染实现:https://github.com/hyy1115/react-redux-webpack3

安装教程

1、你需要下载本项目,可以fork到你的个人github账号上,然后在你的账号下载项目

2、 安装依赖包

npm install

3、运行项目 有3个可执行命令,作用都不相同。

在开发环境下,执行:

npm run dev

在生产环境下,执行:

npm run build //先打包

npm start //最后运行,你也可以增加pm2的配置

教程

前往:[本项目使用教程文档][1]

[1] https://github.com/hyy1115/react-next/blob/master/doc/%E6%95%99%E7%A8%8B.md

react-next's People

Contributors

hyy1115 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.