Build a Kundli Generator in Next.js Using Navamsha API

curl — basic Kundali

curl -G "https://api.navamsha.in/api/v1/kundali/basic" \
  -H "X-API-Key: YOUR_API_KEY" \
  --data-urlencode "date=1995-08-15" \
  --data-urlencode "time=14:30" \
  --data-urlencode "latitude=19.0760" \
  --data-urlencode "longitude=72.8777"

Python — httpx

import httpx
import os

resp = httpx.get(
    "https://api.navamsha.in/api/v1/kundali/basic",
    headers={"X-API-Key": os.environ["NAVAMSHA_API_KEY"]},
    params={
        "date": "1995-08-15",
        "time": "14:30",
        "latitude": 19.0760,
        "longitude": 72.8777,
    },
    timeout=30.0,
)
resp.raise_for_status()
chart = resp.json()
print(chart["data"]["ascendant"]["sign"])
print(chart["meta"]["ayanamsa"])

app/api/kundli/route.ts

import { NextRequest, NextResponse } from "next/server";

const API_BASE = process.env.NAVAMSHA_API_BASE_URL ?? "https://api.navamsha.in";

export async function GET(request: NextRequest) {
  const key = process.env.NAVAMSHA_API_KEY;
  if (!key) {
    return NextResponse.json({ error: "Missing NAVAMSHA_API_KEY" }, { status: 500 });
  }

  const { searchParams } = request.nextUrl;
  const query = new URLSearchParams({
    date: searchParams.get("date") ?? "",
    time: searchParams.get("time") ?? "",
    latitude: searchParams.get("latitude") ?? "",
    longitude: searchParams.get("longitude") ?? "",
  });

  const res = await fetch(`${API_BASE}/api/v1/kundali/basic?${query}`, {
    headers: { "X-API-Key": key },
    next: { revalidate: 3600 },
  });

  if (!res.ok) {
    return NextResponse.json({ error: "Chart request failed" }, { status: res.status });
  }

  return NextResponse.json(await res.json());
}

Client component — call your Route Handler

"use client";

import { useState } from "react";

export function KundliForm() {
  const [chart, setChart] = useState<unknown>(null);

  async function generate(form: FormData) {
    const params = new URLSearchParams({
      date: String(form.get("date")),
      time: String(form.get("time")),
      latitude: String(form.get("latitude")),
      longitude: String(form.get("longitude")),
    });
    const res = await fetch(`/api/kundli?${params}`);
    setChart(await res.json());
  }

  return (
    <form action={generate}>
      {/* date, time, lat, lng inputs */}
      <button type="submit">Generate Kundli</button>
      {chart ? <pre>{JSON.stringify(chart, null, 2)}</pre> : null}
    </form>
  );
}

JavaScript fetch (Node or browser via your proxy)

const params = new URLSearchParams({
  date: "1995-08-15",
  time: "14:30",
  latitude: "19.0760",
  longitude: "72.8777",
});

const res = await fetch(`/api/kundli?${params}`);
const { data, meta } = await res.json();
console.log(data.ascendant.sign, meta.ayanamsa);