This is a reusable frontend template built with Next.js, designed to provide a clean and structured starting point for building applications.
It includes a pre defined architecture, layout system, and core UI patterns to reduce setup time and enforce consistency across projects.
- provide a consistent starting point for frontend projects
- reduce repeated setup work
- enforce a clear and scalable structure
- Topbar and navigation structure
- Responsive layout patterns
- Reusable content containers
- Component-based architecture
- Shared design tokens (spacing, colours, typography)
- Consistent styling approach across components
- Structured routing using Next.js App Router
- Persistent layout components
- Mobile and desktop navigation support
- Next.js (TypeScript)
Handles:
- routing and page structure
- UI rendering and composition
- layout and navigation systems
root/
└── src/
├── app/ # routing and pages
├── components/ # reusable UI components
├── hooks/ # client side logic
└── lib/ # utilities and shared logic
- pre configured layout system
- reusable navigation components
- consistent design system
- responsive structure
- minimal setup required to start building
This template is intended to be used as a starting point:
- clone the repository
- install dependencies
- begin building features on top of the existing structure
- EloFlos
- EloFlosMerch
- Portfolio
- NestJsTemplate
- Stable base structure
- Actively used as a foundation for new projects
This template is intentionally kept focused on:
- simplicity
- structure
- reusability
It reflects the frontend patterns used across my projects.