Feature-first layout

Name: create-react-dose
Author: Mohamed Samir Elshami

Three zones shared by every stack, with stack-specific shell files.

text

src/
├── app/         # Shell — routing, layout, providers, global styles
├── features/    # Domain modules — one folder per feature
└── utils/       # Shared non-UI helpers

Always injected

src/features/home/ — HomePage, creator links
src/utils/cookies, localStorage
src/app/providers/root-provider

React + Vite

Vite SPA shell

text

src/app/main.tsx
src/app/App.tsx
src/app/providers/root-provider.tsx

Router

React Router shell

text

src/app/root.tsx
src/app/routes/home.tsx
src/app/providers/root-provider.tsx
react-router.config.ts

Next.js

Next.js shell

text

src/app/layout.tsx
src/app/page.tsx
src/app/providers/root-provider.tsx
# with i18n → src/app/[locale]/layout.tsx + page.tsx