w3Develops Logo

Architecture

How w3develops.org is built.

  • Next.js 16 (App Router) with React 19 and TypeScript, styled with Tailwind and shadcn/ui.
  • Firebase: Auth for sign-in, Firestore for data, Storage for images, Cloud Functions for background jobs, and App Hosting for the site.
  • The browser talks to Firestore directly, so firestore.rules is the security boundary.
  • Public pages render on the server so search engines can read them, then switch to live data.
PathWhat it holds
src/appPages and API routes, one folder per URL
src/componentsShared components
src/firebaseFirebase setup and the useCollection / useDoc hooks
src/libTypes, page metadata, limits and helpers
functions/srcCloud Functions: notifications, moderation, scheduled posts
firestore.rules, storage.rulesWho can read and write what
tests/rulesEmulator tests for the rules

Times are stored in UTC and shown in each viewer's time zone. Profiles are public, so they never hold email addresses.