Skip to content
A graphql, relay and standard rails application powered demo weblog. We are using Graphql server and relay for our react component data needs.
Branch: master
Clone or download
Latest commit 105ea17 Mar 6, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app Add max complexity Mar 6, 2017
bin Lint code with rubocop Mar 6, 2017
client Fix minor indentation issue Feb 12, 2017
config
db Lint code with rubocop Mar 6, 2017
lib
log
public
vendor/assets
.buildpacks
.gitignore
.node-version
.rubocop.yml
Gemfile Add some basic authorisaion using cancancan Mar 6, 2017
Gemfile.lock Add some basic authorisaion using cancancan Mar 6, 2017
Procfile
Procfile.dev Remove server process Mar 15, 2016
Procfile.dev-hot Upgrade webpack configuration Mar 15, 2016
Rakefile
config.ru
package.json Add yarn.lock Oct 17, 2016
readme.md
start Remove browserify and sprockets related code Feb 20, 2016

readme.md

Demo blog application powered by Rails, react, graphql and Relay.

This blog is an exploration exercise to understand two new technologies - GraphQL and Relay. We are using standard rails application together with webpack for handling front-end dependencies.

Status

Application supports reading and creating data from and on server using GraphQL.

Tutorial:

  1. Introduction: https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-getting-started-955a49d251de
  2. Part1: https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-creating-types-and-schema-b3f9b232ccfc#.6micmekh2
  3. Part2: https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-first-relay-powered-react-component-cb3f9ee95eca#.ssisfzsm0
  4. Part3: https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-dynamic-component-rendering-2be4e208ef92#.gvw5kevg1
  5. Part4 https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-authentication-and-authorisation-f7c07ebb47b3#.2y1h14x2p
  6. Part5 - Integrating Webpack with react-on-rails https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-moving-to-webpack-9c6a420b4eea#.60z7xg1j0
  7. Final - Wrap up https://medium.com/@gauravtiwari/graphql-and-relay-on-rails-wrap-up-500c67522cd2#.gt0b65fa7

Current features

  • List posts
  • List comments of the posts
  • Infinite Scroll - posts and comments
  • Show author info, votes and comments count
  • Mutations to create comments and votes
  • Edit and Update comments
  • Create and Delete posts
  • Add a react native app https://github.com/gauravtiwari/graphql-blog-mobile

Demo Links

Resources

TODOs

Running locally

To run the application, please just clone the repo and run it like so:

git clone git@github.com:gauravtiwari/relay-rails-blog.git
cd relay-rails-blog
bundle install
npm install
./start (from terminal). If you get permission error, just do chmod 777 start
You can’t perform that action at this time.