Skip to content

yukicountry/realworld-nextjs-rsc

Repository files navigation

Next.js + React Server Components implementation of RealWorld App

This codebase is frontend implementation of RealWorld App with Next.js App Router and React Server Components (RSC).

Sample implementation of fundamental features of web application, such as routing, CRUD operations, authentication, can be found here.

Any bug fixes or suggestions are welcome.

Libraries and Frameworks

Name
TypeScript v5.5.x
Next.js v15.x
React v18.x
Conform form validation library
Zod schema validation library
unified markdown to html converter
OpenAPI TypeScript type generator from OpenAPI schema

Getting Started

Demo app is running on https://realworld-nextjs-rsc.vercel.app/ .

Alternatively, you can try it locally.

# copy env
cp .env.example .env.local

# set API_BASE_URL variable in .env.local to your backend api endpoint

# run app
npm run dev

Directory structure

.
├── api/                  # api schema
├── public/               # static assets
└── src/
    ├── app/              # web routes
    ├── config/           # global configuration and constants
    ├── generated/        # automatically generated codes
    ├── modules/
    │   ├── common/       # common (feature-independent) components
    │   └── features/     # feature-specific components
    ├── styles/           # global style sheets
    └── utils/            # utilities