BSCG

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.

BBYCT-131 (English)

BBYCT-133 (English)

BBYCT-135 (English)

BBYCT-137 (English)

BBYET-141 (English)

BBYET-143 (English)

BZYCT-131 (English)

BZYCT-133 (English)

BZYCT-135 (English)

BZYCT-137 (English)

BZYET-141 (English)

BZYET-143 (English)

BBYCT-131 (Hindi)

BBYCT-133 (Hindi)

BBYCT-135 (Hindi)

BBYCT-137 (Hindi)

BBYET-141 (Hindi)

BBYET-143 (Hindi)

BZYCT-131 (Hindi)

BZYCT-133 (Hindi)

BZYCT-135 (Hindi)

BZYCT-137 (Hindi)

BZYET-141 (Hindi)

BZYET-143 (Hindi)