tranquyetdev / nextjs-spa Public

Notifications You must be signed in to change notification settings
Fork 0
Star 0

An example of combining NextJS SSR + SPA with nested layouts

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
public		public
src		src
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
next.config.js		next.config.js
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock

Repository files navigation

NextJS-SPA

An POC of how to develop a Single Page Application in NextJS 13, using App Router.

NextJS 13, App Router
Route Groups:
- (spa): A route group for mutiple SPAs that share the same layout
  - chat/[[...slug]]: Reserve all routes chat/* to the Chat SPA using Optional Catch-all Segments
    - Try out chat-engine.io
    - Try out chat-ui-kit-react
- (ssr): A route group for all SSR pages (About, Contact)
Navigate between SSR pages use next/link
Navigate between chat/\* sub-pages use Link component from react-router-dom

Demo: https://nextjs-spa-nine.vercel.app

About

An example of combining NextJS SSR + SPA with nested layouts

Report repository

Releases

No releases published

Packages

No packages published

Languages