Getting Started
Learn what Webdocs is and how it helps you follow web development best practices.
Introduction
Welcome to Webdocs — your guide to modern web development best practices.
This is not a component library
Webdocs doesn’t aim to reinvent UI libraries.
Instead, it shows how to use them the right way — how to connect real components, utilities, and architecture patterns together to build scalable, consistent web apps.
What Webdocs aims to solve
Most UI libraries stop at visuals. Webdocs goes further:
- Real working examples (connected to backend data)
- Unified folder structures
- Scalable form handling, theming, and i18n
- Best practices for performance, security, and DX
Explore Webdocs
Architecture & Structure
Folder structure, backend integration, and Next.js best practices.
UI Components & Patterns
Tables, modals, dropdowns, and reusable real-world components.
Utilities & Helpers
Dates, formatting, i18n, performance, and security utilities.
Authentication & Authorization
Handling auth flow in React & Next.js with backend rules.
Developer Experience
Linters, VS Code profiles, and collaboration guidelines.