Vacancy Wallah - SSR Architecture Documentation

1. Project Overview

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.

2. Website Route Structure

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

3. Page Wise Technical Specifications

Home Page (/)

Purpose: Unified discovery dashboard for all recruitment updates.

Data Fetching: Parallel fetch (Promise.all) of top 100 records from every collection for immediate indexing.

Recruitment Listing Pages

Logic: Fetch complete collection server-side. Convert Firestore timestamps to serializable plain objects.

Dynamic Detail Pages ([slug])

Dual-Lookup Strategy: 1. Query by field 'slug'. 2. Fallback to 'doc(id)'. 3. Issue 301 Redirect if ID used instead of Slug.

4. Dynamic Route Documentation

Pattern: /category/[slug]

Parameters: slug (Unique alphanumeric identifier)

SSR Rendering Flow: Request → URL Extraction → Firestore Query → HTML Generation → Browser Delivery.

5. Database Mapping

Jobs → collection("jobs")
Results → collection("results")
Institutions → collection("banners")
Sub-Pages → collection("banner_sub_pages")

6. SEO Implementation Details

Canonical: Enforced https://www.vacancywallah.com for all pages.
Metadata: Dynamic generateMetadata() for every detail route.
Internal Links: 1,000+ deep links injected into the homepage HTML index.

7. API/Data Flow Documentation

Source: Firebase Firestore (Server SDK).

Flow: HTTP Request → Next.js Server Component → Firebase Query → HTML Serialization → Browser Display.

8. Performance Documentation

Strategy: force-dynamic rendering combined with Next.js App Router caching for repeated server hits.

9. Complete SSR Workflow

1. User Request Received → 2. Server Fetches Data → 3. Static HTML Injected with SEO Index → 4. Zero-JS Crawling Enabled → 5. Hydration on Client.

Vacancy Wallah

Latest India Government Jobs 2026, Online Forms, Admit Cards & Sarkari Results.

Latest India Jobs

IGNOU

IGNOU

Indira Gandhi National Open University se related courses, assignments, exams, results aur latest updates ek hi jagah par.

Latest Results

View All Results

Online Forms

Latest Vacancies

BIHAR NMMSS SCHOLARSHIP 2026

BIHAR

Last Date: 15-Feb-26

BIHAR BSSC INTER LEVEL 2026

POST-24492

Last Date: 29-Jan-26

Admit Cards

View All Admit Cards

Answer Keys

View All Answer Keys