Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lifeiscontent/realworld
"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by Next.js and Ruby on Rails 🏅
https://github.com/lifeiscontent/realworld
apollo-client graphql graphql-ruby rails rails-api reactjs realworld storybook
Last synced: 2 days ago
JSON representation
"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by Next.js and Ruby on Rails 🏅
- Host: GitHub
- URL: https://github.com/lifeiscontent/realworld
- Owner: lifeiscontent
- License: mit
- Created: 2020-02-20T08:45:27.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-07-31T21:52:11.000Z (3 months ago)
- Last Synced: 2024-07-31T22:38:09.477Z (3 months ago)
- Topics: apollo-client, graphql, graphql-ruby, rails, rails-api, reactjs, realworld, storybook
- Language: Ruby
- Homepage: https://realworld.now.sh
- Size: 10.2 MB
- Stars: 161
- Watchers: 4
- Forks: 45
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# realworld
![Web](https://github.com/lifeiscontent/realworld/workflows/Web/badge.svg?branch=master)
![Api](https://github.com/lifeiscontent/realworld/workflows/Api/badge.svg?branch=master)
[![Storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://master--5fcdd27b2771900021fc381e.chromatic.com)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](https://github.com/gothinkster/realworld) project.
## Setup
### Api
```sh
cd api
bundle
bin/rails db:migrate
bin/rails db:seed
bin/rails s
```### Web
```sh
cd web
npm install
npm run dev
```## Testing
### Api
```sh
cd api
bin/rails spec
```### Web
```sh
cd web
npm test
```## Tooling
### Api
#### Generate ERD
```sh
bin/rails erd
```### Web
#### Storybook
```sh
npm run storybook
```