https://github.com/nilshartmann/fullstack-react-playground

"Fullstack" React example application with Next.js and remix
https://github.com/nilshartmann/fullstack-react-playground

fullstack-react nextjs react remix serverside-react

Last synced: about 5 hours ago
JSON representation

"Fullstack" React example application with Next.js and remix

• Host: GitHub
• URL: https://github.com/nilshartmann/fullstack-react-playground
• Owner: nilshartmann
• Created: 2023-01-14T10:25:38.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-06-18T12:26:24.000Z (over 1 year ago)
• Last Synced: 2024-05-15T15:40:26.121Z (6 months ago)
• Topics: fullstack-react, nextjs, react, remix, serverside-react
• Language: TypeScript
• Homepage: https://react.schule
• Size: 1.36 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Serverside React Example

This repo contains two React applications, one implemented in Next.js, one in Remix to demonstrate serverside / fullstack React features.

![Screenshot of the example application](screenshot-blog.png)

## Contents

- Two projects implemented in Next.JS and remix

  - `nextjs-blog`: Variant with Next.js App Router and React Server Components

  - `remix-blog`: almost same application but with Remix (folder v2)

- One backend (serves a simple REST-like API)

  - `blog-backend`

- RSC step-by-step training/demo playground

  - `rsc-step-by-step` (with Next.js app router)

## Run the examples

- Before running one of the apps, make sure `blog-backend` runs:

  - `cd blog-backend && pnpm install && pnpm start`

- Best open each folder (`nextjs-blog` / `remix-blog` ) individually in webstorm / vscode

- Run either in dev mode:

  - `nextjs-blog` runs on http://localhost:3100

  - `remix-blog` runs on http://localhost:3000

- or create prod build (see package.json in both folders)

  - Note: `typecheck` in the remix example does current **not work** due to [this bug](https://github.com/remix-run/remix/issues/6244)

## Feedback

If you have feedback, questions or comments, please let me know:

- You can open an issue in this repository or

- You can reach me on [Twitter (@nilshartmann)](https://twitter.com/nilshartmann)

- or find more contact information on my [homepage (german)](https://nilshartmann.net)