kwhong95 / micro-front-end-nextjs

make nextjs works with micro front end

Home Page:https://micro-front-end-nextjs-main.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

micro-front-end-nextjs

micro front end application using garfish and nextjs(with a single line patch)

demo

pnpm install
pnpm dev

main app: http://localhost:3000/ https://micro-front-end-nextjs-main.vercel.app/

nextjs app1: http://localhost:3001/app1 https://micro-front-end-nextjs-app1.vercel.app/app1

nextjs app2: http://localhost:3002/app2 https://micro-front-end-nextjs-app2.vercel.app/app2

tech stack

garfish

  • cross app router
  • fetch sub app entry html
  • sandbox

nextjs

  • app router
  • ssg/ssr (currently only works for ssg because of entry cache)

About

make nextjs works with micro front end

https://micro-front-end-nextjs-main.vercel.app/

License:MIT License


Languages

Language:TypeScript 54.5%Language:JavaScript 40.8%Language:HTML 3.6%Language:CSS 0.6%Language:Shell 0.4%