Folder Structure

App Directory

Contains all business logic

1. Components

   • Atoms - Single html elements ex-lables, headings, button, input
   • Molecules - Group of atoms ex- search input (Input element with search icon element)
   • Organisms - Group of molecules ex- form component
   • Templates - Group of Organisms ex- dashboard component or components parents
   • Pages - Routing base components & templates wrapper

2. Cconstants

3. APIS

4. Hooks

5. Redux

   • Action
   • Reducers
   • Store

6. Utils

Pages Directory - Nextjs Routing

• Api - Backend dirctory
• _app - default nextjs _app
• index - default route - www.growmedigitally.com
• login - Login page routing

next.config.js - default next js config file

tsconfig.json - ts config file

boilerplate

dashboard