✨ A minimal Next.js template I plan to use for my projects.

Follows the src directory structure.

Stack

• Next.js (v13, w/o the new app directory)
• TypeScript (strict mode)
• Chakra UI

Libs (pre-installed)

• React Query
• Zod
• Axios

Recommended Project Structure

• src/pages - Next.js pages
• src/pages/api - Next.js API routes
• src/components - React components
• src/layouts - Wrapper layouts
• src/middlewares - Middleware functions
• src/ssr - Server-side rendering functions
• src/lib - Utility functions
• src/lib/constants - Constants
• src/lib/data - Data
• src/lib/init - Any initialization code (sdk, axios, etc.)
• src/lib/hooks - React hooks
• src/lib/atoms - Recoil atoms
• src/lib/selectors - Recoil selectors
• src/typings - TypeScript types
• src/schemas - Zod schemas
• src/styles - Any styles (CSS, Chakra UI theme (src/styles/theme), etc.)
• src/utils - Utility functions
• src/utils/helpers - Helper functions
• src/utils/providers - React Wrappers