Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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 🏅

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
```