Website Name: Vacancy Wallah (www.vacancywallah.com)
Website Purpose: Real-time Indian government recruitment information hub.
Technology Stack: Next.js 15 (App Router), Firebase Firestore (Server SDK), Tailwind CSS, ShadCN UI.
SSR Strategy: Full force-dynamic SSR to ensure real-time data accuracy for Google crawlers.
| Route | Page Name | SSR Required | Data Source |
|---|---|---|---|
| / | Home Page | Yes | 9 Multi-Collections |
| /latest-jobs | Job Directory | Yes | Firestore: jobs |
| /latest-vacancies | Vacancy Directory | Yes | Firestore: latest_vacancies |
| /company-jobs | Corporate Portal | Yes | Firestore: company_jobs |
| /online-form | Registration Portal | Yes | Firestore: online_forms |
| /admit-card | Hall Ticket Portal | Yes | Firestore: admit_cards |
| /result | Exam Outcomes | Yes | Firestore: results |
| /institution | Institution Directory | Yes | Firestore: banners |
| /answer-key | Key Downloads | Yes | Firestore: answer_keys |
| /syllabus | Exam Patterns | Yes | Firestore: syllabi |
Purpose: Unified discovery dashboard for all recruitment updates.
Data Fetching: Parallel fetch (Promise.all) of top 100 records from every collection for immediate indexing.
Logic: Fetch complete collection server-side. Convert Firestore timestamps to serializable plain objects.
Dual-Lookup Strategy: 1. Query by field 'slug'. 2. Fallback to 'doc(id)'. 3. Issue 301 Redirect if ID used instead of Slug.
Pattern: /category/[slug]
Parameters: slug (Unique alphanumeric identifier)
SSR Rendering Flow: Request → URL Extraction → Firestore Query → HTML Generation → Browser Delivery.
Source: Firebase Firestore (Server SDK).
Flow: HTTP Request → Next.js Server Component → Firebase Query → HTML Serialization → Browser Display.
Strategy: force-dynamic rendering combined with Next.js App Router caching for repeated server hits.
1. User Request Received → 2. Server Fetches Data → 3. Static HTML Injected with SEO Index → 4. Zero-JS Crawling Enabled → 5. Hydration on Client.
