superapp-tech

grok

111 file · 3.8 MB

Preview langsung dinonaktifkan untuk static export. Buka repo di GitHub untuk melihat halaman HTML asli.

README

Grok Ibnu

Personal Grok-powered History, Research & Career System for Ibnu (subkhanibnuaji).

The project has evolved into a rich, static Next.js site that turns Grok chat history into structured, usable assets for research, personal branding, job search ("cari duit"), skill development, and monetization via heyibnu.com + heyibnu.com/hire.

Current Main Features (as of June 2026)

  • History Hub (/hub) — Central place for all Grok chat history, organized by category.
  • Research Hub (/hub/research + detail pages) — 12+ deep structured sessions on power dynamics, civilizational collapse, empire building (Genghis Khan), human nature (Marx critique), geopolitics, gerontocracy, etc. Each has full analysis and a direct link to the original Grok conversation once grok_chat_url is filled.
  • Prompt Library (/prompts) — 110+ complex, pre-personalized prompts. Every prompt is long, prescriptive, and references your exact data (heyibnu sites, @cimol_ok / @chixat_id X styles, specific research sessions). Designed for maximum output in job search, monetization, skill building, outreach, frameworks, etc.
  • X Hub (/x) — Full processing and analysis of personal accounts (@cimol_ok, @chixat_id, @SherlyLeta) + global viral AI intelligence.
  • Changelog (/changelog) — Complete audit log + Section 9 which contains the entire conversation history from the first message until now (verbatim user requests, all phases, files, decisions). This is the best portable reference when switching devices.

Legacy views (/research, /task/grok) still exist for backward compatibility but the primary experience is now hub-centric.

Stack

  • Next.js 16 (App Router) + Tailwind + TypeScript
  • Fully static export (works great on free Vercel)
  • Data-driven (JSON files in data/)

Important Documentation

Read these in order when starting or continuing:

  1. app/changelog/page.tsx → Section 9 ("COMPLETE END-TO-END CONVERSATION LOG") — the full history of this entire project and conversation. Use this to continue on a new device.
  2. VERCEL_WORKFLOW.md — Mandatory for deployments (use branches, protect free tier quota).
  3. AGENTS.md and this README for current conventions.

Development

npm install
npm run dev
# Visit http://localhost:3000
npm run build   # Always verify clean build (all /hub/research/[id] etc must generate)

Adding New Grok Chat History

  1. Structure the new chat using the Master Research Prompt (available on the /prompts and /hub pages).
  2. Add an entry to data/research/sessions.json (or create new category data).
  3. Fill the grok_chat_url field with the real https://grok.com/c/... link.
  4. Rebuild — the History Hub will automatically include it with a direct "Buka Chat Grok Asli" button.

Live Site

Deployment Notes

  • Single Vercel project: grok-ibnu only.
  • Always follow VERCEL_WORKFLOW.md (feature branch → preview → merge to main only for production).
  • The old redundant "grok" Vercel project should be deleted in the Vercel dashboard (if still present).

Everything important is designed to be self-documenting via the changelog so you can easily continue this work on any device.

Deploy

vercel --prod --yes

Catatan

  • Semua hasil generate disimpan sebagai file Markdown yang mudah dibaca/dicopas.
  • Kalau kena limit, status jadi limit dan waktu dicatat.
  • Gambar hasil generate (non-screenshot) disimpan di public/generated/.
  • Screenshot WebBridge/Grok → folder gitignored 18+ WARNING exclude from github - do not push to online/screenshots/ (tidak masuk repo).
  • Otomasi browser butuh Kimi WebBridge daemon aktif dan user sudah login ke Grok/X di browser.

File Utama

  • .gitignore
  • .vercelignore
  • AGENTS.md
  • CLAUDE.md
  • README.md
  • VERCEL_WORKFLOW.md
  • eslint.config.mjs
  • index.html