- Next.js: A framework built on top of React for fast page refresh, page routing and SSR.
- Chakra UI: A simple fast layout building component library.
- Framer Motion: A react animation library.
$PROJECT_ROOT
│ # common components
├──/components
| # building block small components like Buttons
├─────/elements
| # small layout components like Header, Footer
├─────/layouts
| # module components like Forms
├─────/modules
| #local data information
├──/data
| # nextjs pages
├──/pages
| # static files for images
├──/public
│ # global styles
├──/styles