Nextjs frontend

WIP - This is a work in progress.

Remember, import from shared packages when possible.

File structure

How to structure your files in a Nextjs frontend.

- - route.tsx
- - default.tsx
  - error.tsx
  - layout.tsx
  - loading.tsx
  - opengraph-image.tsx
  - twitter-image.tsx
  - page.tsx
  - route.tsx
  - not-found.tsx
- - page.tsx
- error.tsx
- icon.svg
- layout.tsx
- loading.tsx
- manifest.ts
- page.tsx
- robots.txt
- sitemap.ts
- shared-metadata.ts
instrumentation.ts
middleware.ts

.env*

next.config.js

package.json

tsconfig.ts

Marcus Concept schemes