⚡️ RAN! React . GraphQL . Next.js Toolkit ⚡️ - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...
Switch branches/tags
beta example-onlive greenkeeper/babel-plugin-styled-components-1.9.0 greenkeeper/babel-plugin-styled-components-1.9.1 greenkeeper/babel-plugin-styled-components-1.9.2 greenkeeper/babel-plugin-styled-components-1.9.3 greenkeeper/babel-plugin-styled-components-1.9.4 greenkeeper/cors-2.8.5 greenkeeper/dotenv-6.2.0 greenkeeper/eslint-config-prettier-3.2.0 greenkeeper/eslint-config-prettier-3.3.0 greenkeeper/eslint-plugin-flowtype-3.1.0 greenkeeper/eslint-plugin-flowtype-3.1.1 greenkeeper/eslint-plugin-flowtype-3.1.2 greenkeeper/eslint-plugin-flowtype-3.1.3 greenkeeper/eslint-plugin-flowtype-3.1.4 greenkeeper/eslint-plugin-flowtype-3.2.0 greenkeeper/eslint-plugin-graphql-3.0.0 greenkeeper/eslint-plugin-graphql-3.0.1 greenkeeper/flow-bin-0.84.0 greenkeeper/flow-bin-0.85.0 greenkeeper/flow-bin-0.86.0 greenkeeper/flow-bin-0.87.0 greenkeeper/flow-bin-0.88.0 greenkeeper/flow-bin-0.89.0 greenkeeper/graphql-0.12.0 greenkeeper/graphql-0.12.1 greenkeeper/graphql-0.12.2 greenkeeper/graphql-0.12.3 greenkeeper/graphql-0.13.0 greenkeeper/graphql-0.13.1 greenkeeper/graphql-0.13.2 greenkeeper/graphql-14.0.0-rc.1 greenkeeper/graphql-14.0.0-rc.2 greenkeeper/graphql-14.0.0 greenkeeper/graphql-14.0.1 greenkeeper/graphql-14.0.2 greenkeeper/helmet-3.15.0 greenkeeper/husky-1.1.3 greenkeeper/husky-1.1.4 greenkeeper/husky-1.2.0 greenkeeper/inquirer-6.2.1 greenkeeper/lint-staged-7.0.5 greenkeeper/lint-staged-8.0.0 greenkeeper/lint-staged-8.0.1 greenkeeper/lint-staged-8.0.2 greenkeeper/lint-staged-8.0.3 greenkeeper/lint-staged-8.0.4 greenkeeper/lint-staged-8.0.5 greenkeeper/lint-staged-8.1.0 greenkeeper/lru-cache-4.1.4 greenkeeper/lru-cache-5.0.0 greenkeeper/lru-cache-5.0.1 greenkeeper/lru-cache-5.1.0 greenkeeper/lru-cache-5.1.1 greenkeeper/monorepo.babel7-7.0.1 greenkeeper/monorepo.babel7-7.1.0 greenkeeper/monorepo.babel7-7.1.1 greenkeeper/monorepo.babel7-7.1.2 greenkeeper/monorepo.babel7-7.1.6 greenkeeper/monorepo.react-16.6.0 greenkeeper/monorepo.react-16.6.1 greenkeeper/monorepo.react-16.6.2 greenkeeper/monorepo.react-16.6.3 greenkeeper/offline-plugin-4.9.1 greenkeeper/offline-plugin-5.0.6 greenkeeper/prettier-1.15.0 greenkeeper/prettier-1.15.1 greenkeeper/prettier-1.15.2 greenkeeper/prettier-1.15.3 greenkeeper/react-apollo-2.0.0 greenkeeper/react-apollo-2.0.1 greenkeeper/react-apollo-2.0.3 greenkeeper/react-apollo-2.0.4 greenkeeper/react-apollo-2.1.0-rc.0 greenkeeper/react-apollo-2.1.0 greenkeeper/react-apollo-2.1.1 greenkeeper/react-apollo-2.1.2 greenkeeper/react-apollo-2.1.3 greenkeeper/react-apollo-2.1.4 greenkeeper/react-apollo-2.1.5 greenkeeper/react-apollo-2.1.6 greenkeeper/react-apollo-2.1.7 greenkeeper/react-apollo-2.1.8 greenkeeper/react-apollo-2.1.9 greenkeeper/react-apollo-2.1.11 greenkeeper/react-apollo-2.2.0 greenkeeper/react-apollo-2.2.1 greenkeeper/react-apollo-2.2.2 greenkeeper/react-apollo-2.2.3 greenkeeper/react-apollo-2.2.4 greenkeeper/react-apollo-2.3.1 greenkeeper/react-apollo-2.3.2 greenkeeper/react-redux-5.1.0 greenkeeper/react-redux-5.1.1 greenkeeper/react-redux-6.0.0 greenkeeper/shelljs-0.8.3 greenkeeper/styled-components-3.4.10 greenkeeper/styled-components-4.0.0 greenkeeper/styled-components-4.0.1 greenkeeper/styled-components-4.0.2 greenkeeper/styled-components-4.0.3 greenkeeper/styled-components-4.1.0 greenkeeper/styled-components-4.1.1 greenkeeper/styled-components-4.1.2 greenkeeper/update-to-node-10 greenkeeper/webpack-bundle-analyzer-2.11.2 master snyk-fix-2jnwgz snyk-fix-19a2a956 snyk-fix-80mtla snyk-fix-bb456d61
Nothing to show
Clone or download
Latest commit 5b90447 Oct 19, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
.ebextensions AWS deployment config and docs Sep 6, 2018
components - 0.8.5 -> 0.8.6 Aug 29, 2018
containers - packages update Jul 16, 2018
docs AWS deployment config and docs Sep 6, 2018
helper_scripts - Package Updates Nov 7, 2017
libraries - packages update Jul 16, 2018
pages - 0.8.5 -> 0.8.6 Aug 29, 2018
server - Eslint updated -> 4.13.0 Dec 11, 2017
static/icons - Added App Icons and Favicon Aug 29, 2017
types Flow-typed all the files Jan 8, 2018
.all-contributorsrc Add @talensjr as a contributor Jan 16, 2018
.babelrc - package updates Oct 2, 2018
.codeclimate.yml - Updated Babel for decorators (https://babeljs.io/docs/plugins/trans… Jul 18, 2017
.editorconfig version 0.1.0 Jun 22, 2017
.env-sample default port changed to 3000 Jul 24, 2017
.eslintignore jest minimal example Aug 10, 2017
.eslintrc - packages update Jul 16, 2018
.flowconfig Fixed conflicts with master Jan 8, 2018
.gitattributes version 0.1.0 Jun 22, 2017
.gitignore fix: Resolving public and private env variables Nov 16, 2017
.graphqlconfig - Updated Location of graphqlconfig and schema Oct 4, 2017
.htaccess version 0.1.0 Jun 22, 2017
.node-version - Node.js 10 Support May 22, 2018
.npmignore version 0.1.0 Jun 22, 2017
.nvmrc - Node.js 10 Support May 22, 2018
.prettierrc - Added prettierrc Jan 16, 2018
.travis.yml - Node.js 10 Support May 22, 2018
.yarnclean Added .yarnclean Jul 22, 2017
CODE_OF_CONDUCT.md version 0.1.0 Jun 22, 2017
Graphcool-simplified.schema - GraphQL updates Dec 24, 2017
LICENSE.md version 0.1.0 Jun 22, 2017
MAINTAINERS.md version 0.1.0 Jun 22, 2017
Procfile Added doc for heroku deployment, Changes for heroku deploy easier Jun 22, 2017
README.md Update README.md Sep 10, 2018
SUMMARY.md Creates docs/Deployment/built-with-ran.md Aug 29, 2018
lighthouse_config.json Added new commands: graphql:play, graphql:update_schema and graphql:s… Aug 2, 2017
next.config.js - package updates Oct 2, 2018
package.json Package updates Oct 19, 2018
routes.js - Added new helper for commands: addTexttoFile Aug 25, 2017
schema.graphql - GraphQL updates Dec 24, 2017
server.js - Fixed buildStat bug Apr 5, 2018
yarn.lock Package updates Oct 19, 2018



RAN : React . GraphQL . Next.js Toolkit

Backers on Open Collective Sponsors on Open Collective Greenkeeper badge All Contributors Join the chat at https://gitter.im/ran-boilerplate/Lobby Build Status license
Code Climate Known Vulnerabilities npm styled with prettier GitHub stars


  • Hot-Reload Ready for Dev

  • Next Generation JavaScript (ES6)

  • Offline Ready (Experimental!)

  • Next Generation CSS (CSS-in-JS)

  • Create New Page in a Second (with CLI)

  • SEO-Ready

  • Performance-first

  • Production Deployment Ready for Now, Digital Ocean, Heroku, and AWS

  • Prettier and ESLint integrated

How to use

  • Firstly, clone the repo with this command.
git clone --depth=1 https://github.com/Sly777/ran.git RAN
cd RAN
yarn && yarn setup
  • If you are not using Yarn, just run npm install && npm run setup instead of yarn && yarn setup
  • After everything is finished, run yarn dev (or npm run dev)

And that's all!

Start coding on browser! (via Glitch)

Just click the button and then start to work with RAN!

Remix on Glitch

Clean Setup (without example pages & components)

git clone --depth=1 https://github.com/Sly777/ran.git RAN
cd RAN
yarn && yarn setup:clean

Beta Version (Unstable)

Also, there is a beta version for new features & fixes that we are testing before release. To access beta;

git clone --depth=1 -b beta https://github.com/Sly777/ran.git RAN_beta
cd RAN_beta
yarn && yarn setup

It can be unstable, so that's why please use stable version if you are working on the project that is in production.


Click here to see example project to understand how RAN! works on production. I used graph.cool service for GraphQL and now for hosting in the example.


Best feature of RAN! is CL commands. You can just run one command to create page with route! Click here to see details how It works on RAN!.



Click here to see all details of RAN!


Click here for FAQ of RAN! If it doesn't solve your problem, feel free to open an issue on GitHub!


This project is licensed under the MIT license, Copyright (c) 2017 Ilker Guller. For more information see LICENSE.md.


Please read Contributing doc for details on our code of conduct, and the process for submitting pull requests.


RAN! is using SemVer for versioning. For the versions available, see the tags on this repository.



Thanks goes to these wonderful people:


Thank you to all our backers! [Become a backer]


Thank you to all our sponsors! (please ask your company to also support this open source project by becoming a sponsor)