create-landing-app 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-landing-app",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Create a production-ready Next.js landing page with one command",
   "type": "module",
   "bin": {

package/templates/nextjs/base/.env.example

@@ -9,7 +9,6 @@ NEXT_PUBLIC_GA_ID=
 # Expected endpoints: GET /blogs?applicationFilter=..., GET /blogs/:slug, GET /categories
 NEXT_PUBLIC_BLOG_API=
 BLOG_API_APPLICATION=ndachain
-NEXT_BLOG_REVALIDATE_SECONDS=86400
 
 # S3 / Storage (optional)
 NEXT_PUBLIC_S3_DOMAIN=

package/templates/nextjs/optional/sections/blog/files/app/[lang]/blogs/(list)/[category]/page.tsx

@@ -3,8 +3,10 @@ import { createMetadata } from "@/lib/metadata";
 import { cache } from "react";
 import MainPage from "./main-page";
 
-// Cache listing pages — same window as detail pages, tune via NEXT_BLOG_REVALIDATE_SECONDS
-export const revalidate = Number(process.env.NEXT_BLOG_REVALIDATE_SECONDS) || 86400;
+// ISR: revalidate every 60s — only visited pages regenerate, unvisited stay cached
+// For instant updates on admin publish, use on-demand revalidation: https://nextjs.org/docs/app/building-your-application/data-fetching/incremental-static-regeneration#on-demand-revalidation-with-revalidatepath
+// To disable ISR and always fetch fresh: replace with `export const dynamic = "force-dynamic"`
+export const revalidate = 60;
 
 const getCategories = cache(getBlogCategories);
 
@@ -30,7 +32,7 @@ export default async function Page({
   params: Promise<{ category: string; lang: string }>;
 }) {
   const { category } = await params;
-  const [categories, { blogs }] = await Promise.all([
+  const [categories, blogs] = await Promise.all([
     getCategories(),
     getBlogsByCategory({ category, pageSize: 9999 }),
   ]);

package/templates/nextjs/optional/sections/blog/files/app/[lang]/blogs/(list)/layout.tsx

@@ -3,8 +3,10 @@ import FooterSection from "@/components/sections/footer-section";
 import LayoutBlogs from "@/components/navs/layout-blogs";
 import { getBlogCategories } from "@/lib/blog-api";
 
-// Nav categories are static data — cache window tunable via NEXT_BLOG_REVALIDATE_SECONDS
-export const revalidate = Number(process.env.NEXT_BLOG_REVALIDATE_SECONDS) || 86400;
+// ISR: revalidate every 60s — only visited pages regenerate, unvisited stay cached
+// For instant updates on admin publish, use on-demand revalidation: https://nextjs.org/docs/app/building-your-application/data-fetching/incremental-static-regeneration#on-demand-revalidation-with-revalidatepath
+// To disable ISR and always fetch fresh: replace with `export const dynamic = "force-dynamic"`
+export const revalidate = 60;
 
 export default async function Layout({
   children,

package/templates/nextjs/optional/sections/blog/files/app/[lang]/blogs/detail/[slugNews]/page.tsx

@@ -6,8 +6,10 @@ import { BlogDetailView } from "./blog-detail-view";
 import Navbar from "@/components/navs/navbar";
 import FooterSection from "@/components/sections/footer-section";
 
-// Cache this page's HTML — serve stale + regenerate in background after expiry
-export const revalidate = Number(process.env.NEXT_BLOG_REVALIDATE_SECONDS) || 86400;
+// ISR: revalidate every 60s — only visited pages regenerate, unvisited stay cached
+// For instant updates on admin publish, use on-demand revalidation: https://nextjs.org/docs/app/building-your-application/data-fetching/incremental-static-regeneration#on-demand-revalidation-with-revalidatepath
+// To disable ISR and always fetch fresh: replace with `export const dynamic = "force-dynamic"`
+export const revalidate = 60;
 
 // Pre-render top 20 blog detail pages at build time; remaining slugs render on first visit then get cached
 export async function generateStaticParams() {

package/templates/nextjs/optional/sections/blog/files/components/blogs/blog-component.tsx

@@ -13,12 +13,21 @@ async function fetchBlogs(category: string): Promise<Blog[]> {
   return data.blogs;
 }
 
-export default function BlogComponent({ category, categories = [] }: { category: string; categories?: BlogCategory[] }) {
+export default function BlogComponent({
+  category,
+  categories = [],
+  blogs: initialBlogs,
+}: {
+  category: string;
+  categories?: BlogCategory[];
+  blogs?: Blog[];
+}) {
   const isMobile = useIsMobile();
 
   const { data, isError, isPending } = useQuery<Blog[]>({
     queryKey: ["/blogs/list-all", { category }],
     queryFn: () => fetchBlogs(category),
+    initialData: initialBlogs,
     retry: 0,
     refetchOnWindowFocus: false,
   });