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 â†’ lifeiscontent â†’ realworld

lifeiscontent / realworld

Licence: MIT license
"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by Next.js and Ruby on Rails 🏅

Programming Languages

javascript
184084 projects - #8 most used programming language
ruby
36898 projects - #4 most used programming language

Labels

railsgraphqlreactjsapollo-clientstorybookrails-apigraphql-rubyrealworld

Projects that are alternatives of or similar to realworld

datahub
Datahub v2
Stars: ✭ 16 (-85.84%)
Mutual labels:  apollo-client, storybook
Apollo Storybook Decorator
Wrap your storybook environment with Apollo Client, provide mocks for isolated UI testing with GraphQL
Stars: ✭ 333 (+194.69%)
Mutual labels:  apollo-client, storybook
chanyeong
👨‍💻 chanyeong's portfolio and blog webpage
Stars: ✭ 39 (-65.49%)
Mutual labels:  apollo-client, storybook
Nextjs Wordpress Starter
WebDevStudios Next.js WordPress Starter
Stars: ✭ 104 (-7.96%)
Mutual labels:  apollo-client, storybook
Gatsby-Starter-Typescript-Apollo-Storybook
Starter with the bare essentials needed for a typescript, apollo, storybook, emotion Gatsby site
Stars: ✭ 17 (-84.96%)
Mutual labels:  apollo-client, storybook
wocket
A WebSocket library for Deno
Stars: ✭ 103 (-8.85%)
Mutual labels:  realworld
mobile
🤳 React Native code examples for JavaScript Everywhere by Adam Scott, published by O'Reilly Media
Stars: ✭ 33 (-70.8%)
Mutual labels:  apollo-client
next-app-starter
Another awesome starter for your app base on nextjs + tailwind + react-query + react-hook-form + next-auth + jotai
Stars: ✭ 73 (-35.4%)
Mutual labels:  storybook
react-in-out-textarea
A simple React.js User Interface Component that is like Google Translate with full TypeScript Support
Stars: ✭ 28 (-75.22%)
Mutual labels:  storybook
GithubClient
Github iOS Client based on Github REST V3 API and GraphQL V4 API
Stars: ✭ 42 (-62.83%)
Mutual labels:  apollo-client
apollo-resolvers
Expressive and composable resolvers for Apollostack's GraphQL server
Stars: ✭ 434 (+284.07%)
Mutual labels:  apollo-client
github-react-native-apollo-graphql
📱 A GitHub mobile app built with React-Native and Apollo GraphQL
Stars: ✭ 24 (-78.76%)
Mutual labels:  apollo-client
itsgoingto.be
The magic behind itsgoingto.be
Stars: ✭ 13 (-88.5%)
Mutual labels:  storybook
desktop
💻 Desktop app for all your Storybooks
Stars: ✭ 68 (-39.82%)
Mutual labels:  storybook
react-native-hybrid-storybook
Showcase your react native components in the browser
Stars: ✭ 18 (-84.07%)
Mutual labels:  storybook
ctrip-apollo-client
This is a client library for Apollo(A reliable configuration management system) written in Node.js.
Stars: ✭ 49 (-56.64%)
Mutual labels:  apollo-client
mod-uk-design-system
Build web applications that meet the Defence Digital service standards
Stars: ✭ 78 (-30.97%)
Mutual labels:  storybook
react-graphql
react-graphql 快速开发方案
Stars: ✭ 15 (-86.73%)
Mutual labels:  apollo-client
invoiced
Invoiced Demo app for Rails API and React Foundation
Stars: ✭ 33 (-70.8%)
Mutual labels:  rails-api
cra-and-storybook
using [email protected] and @storybook/[email protected]
Stars: ✭ 13 (-88.5%)
Mutual labels:  storybook
View All Similar Projects ➔

realworld

Web Api Storybook

This repo implements opinionated best practices for Apollo Client, React, Next.js and Storybook.

1 caveat is it does not try to implement a best practice on UI Components as the styles are reused from the realworld.io project.

Setup

Api

cd api
bundle
bin/rails db:migrate
bin/rails db:seed
bin/rails s

Web

cd web
npm install
npm run dev

Testing

Api

cd api
bin/rails spec

Web

cd web
npm test

Tooling

Api

Generate ERD

bin/rails erd

Web

Storybook

npm run storybook
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].