• Stars
    star
    2,213
  • Rank 20,835 (Top 0.5 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated 6 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

âš¡ RAN! React . GraphQL . Next.js Toolkit âš¡ - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...

RAN

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

New version is coming... Follow up here: #677

Features

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

Example

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.

Commands

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

YAY YAYY

Documentation

Click here to see all details of RAN!

FAQ

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

License

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

Contributing

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

Versioning

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

Author

Contributors

Thanks goes to these wonderful people:

Backers

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

Sponsors

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

App Showcase

[WIP]

More Repositories

1

Iframe-Height-Jquery-Plugin

This plugin can get contents of iframe and set height of iframe automatically. Also it has cross-domain fix (*).
HTML
169
star
2

Jquery-Alpha-Image

This plugin can change selected colours to transparent and give result as image or imagedata. This plugin works IE9+, Chrome, Firefox, Safari.
JavaScript
53
star
3

Chat-Tutorial-with-Node.js--Socket.io-and-Express

This is sample project to show how to create chat system with Node.js, Socket.io and Express.
JavaScript
38
star
4

hayde

Open Source Component-Driven Code Generator; It supports OpenAI, Ollama, ChakraUI, MaterialUI, BuilderIO, and more.
TypeScript
21
star
5

phoenix-docker

A Docker container for the Phoenix framework
14
star
6

Asp.net-Advanced-Captcha

Secure, Customizable Captcha for ASP.NET C#
C#
9
star
7

prepare-your-machine

Helping preparation of your local env for development on First Time
Shell
8
star
8

FallingInLove

Falling in Love - Valentine Day Flappy Bird Clone with HTML5 & JS
JavaScript
7
star
9

Multiplayer-Canvas-Paint-tutorial-with-Node.js-Socket.io-and-Node-Static

Multiplayer Canvas Paint tutorial with Node.js, Socket.io and Node-Static. http://blog.ilkerguller.com
JavaScript
6
star
10

MovyJS

Users can control your website with their mouse move (or touch move) now! Use preset moves or create your move. This plugin works on IE8+, Chrome, Firefox, Safari and also on safari mobile and android mobile.
JavaScript
5
star
11

NewsReaders

created for learn & try new libraries when todo apps are not enough
CSS
3
star
12

React-UI-Debugger

React Render Debugger on UI (with React Perf tools)
JavaScript
3
star
13

C2DM-Android-Sample-w-Phonegap-UA

C2DM Android App with Phonegap and Urban Airship
JavaScript
3
star
14

Basic-Css-Reset

Basic Css Reset
2
star
15

Minimalistbox

Minimalistbox - Minimalist Select List Boxes Jquery Plugin
CSS
2
star
16

SP-and-DB-Functions

For use this to use database functions easily (like use SP, only Text or Basic Actions)
C#
1
star
17

pr_title_jira_linker

Linking JIRA Issue ID to PR title - Github Action
TypeScript
1
star
18

presentations

Ilker Guller Presentations
JavaScript
1
star
19

fly

Fly - Hugo Theme
CSS
1
star
20

nextjs-workshop

Next.JS Workshop - https://www.meetup.com/Frontend-Istanbul/events/245815765
JavaScript
1
star
21

RSS-reader-list-for-developers

RSS reader list for developers
1
star