Loading AI Prompts Library...
Loading AI Prompts Library...
Production-grade system instructions, architecture audits, code generation rules, and SEO format templates optimized for Claude 3.7, ChatGPT, and Gemini.
This architecture and prompt works **universally for all Next.js App Router projects** (Next.js 13, 14, 15, and 16+), and the principles apply across almost any web application. --- ### Where This Works (95%+ of Web Projects) 1. **Blogs, Magazines & News Portals** (e.g. One2Tech, publication sites, guide hubs) 2. **E-Commerce & Digital Storefronts** (Product listings, product detail pages, catalog archives, pricing pages) 3. **SaaS Websites & Marketing Hubs** (Landing pages, documentation, feature hubs, changelogs) 4. **Multi-lingual / Global Websites** (Sites with locale routes like `/hi`, `/es`, `/fr` requiring instant switching) 5. **Portfolios & Agency Showcase Sites** (High-fidelity design sites needing instant page-to-page transitions) --- ### How It Automatically Handles Different Parts of Any Project | Project Area | How the Architecture Handles It | Speed Result | | :--- | :--- | :---: | | **Public Pages** (Home, Articles, Products, Categories, About) | Statically prerendered (`โ SSG/ISR`) with Edge CDN caching. | **<20ms Instant** | | **Admin Panels & CMS** (`/admin`, `/dashboard`) | Live authenticated client queries (bypasses cache completely so admins always see fresh data). | **Real-time Live** | | **Search & Filters** (Search bars, category dropdowns, difficulty pills) | Isolated to client components using `useSearchParams()` inside `<Suspense>`. | **Instant Client Filter** | | **Admin Content Publishing** | Mutation routes trigger `revalidateTag()`, instantly updating public CDN pages. | **Instant Cache Purge** | --- ### Other Frameworks (Astro, Remix, SvelteKit, Nuxt) The exact syntax in the prompt (`unstable_cache`, `generateStaticParams`, `revalidate = 1800`) is tailored for **Next.js**. However, the core engineering principles (Edge-first caching, zero cache-poisoning cookies in middleware, parallel queries, and optimistic navigation) apply to **every modern web framework**. A reusable master prompt for architecting and optimizing Next.js App Router applications with a static-first, cache-aware, performance-focused architecture. It guides AI coding agents to prefer SSG/ISR for public content, isolate dynamic behavior, optimize middleware/proxy usage, centralize server caching, keep admin/private data separate from public caches, eliminate data-fetching waterfalls, minimize unnecessary Client Components and API round-trips, optimize navigation and assets, and verify the final architecture through production-oriented build and performance checks. The prompt is designed to adapt to the project's actual Next.js version and requirements rather than blindly enforcing static rendering or specific caching APIs where they are inappropriate.
KAB USE KAREIN: Kisi bhi naye web project (Next.js/React + database) ko production mein launch karne se pehle, ya kisi existing live website ka pehla security check karwane ke liye. KAISE USE KAREIN: 1. Yeh poora prompt AI coding agent (Claude/Antigravity/Cursor etc.) ko ek saath de do. 2. Agent pehle Section 1 (read-only audit) chalayega aur report dega โ usse pehle padho. 3. Baaki sections sequentially chalenge, har section ke baad build + lint check hoga. 4. Turnstile captcha ke liye pehle dash.cloudflare.com par account banana padega (agar Section 3 tak pahunchne se pehle nahi kiya). ZAROORI โ AGENT KE "SAB HO GAYA" WALE CLAIM PE BHAROSA MAT KARO: Har phase ke baad khud manually test karo: - Naye password se login karo - 3 baar galat password daal ke dekho โ captcha aana chahiye - 5 baar galat karke dekho โ lockout + email aana chahiye - Logout karke dobara login page pe redirect ho raha hai check karo - Browser DevTools mein cookie ka HttpOnly flag check karo Agar kahin fasoge ya kuch break ho, agent ko specific error bata ke fix karwao โ pura plan dobara mat chalao. CREDENTIALS ROTATE KARNA MAT BHOOLO agar audit ke dauraan koi password/secret conversation mein dikh jaye โ turant naya random value generate karke .env + hosting dashboard dono jagah update karo..
This is for perfect hindi and english default fonts/text format for website specially for blogging website or news website.