feat: Statically generate everything (#446)

* feat: Statically generate everything * Fix tests
typeofweb-org · Dec 20, 2022 · f77fcbe · f77fcbe
1 parent f4556bc
commit f77fcbe
Show file tree

Hide file tree

Showing 9 changed files with 10,361 additions and 8,928 deletions.
diff --git a/.github/workflows/nextjs_bundle_analysis.yml b/.github/workflows/nextjs_bundle_analysis.yml
@@ -13,12 +13,16 @@ on:
 
 defaults:
   run:
-    # change this if your nextjs app does not live at the root of the repo
     working-directory: ./
 
 jobs:
   analyze:
     runs-on: ubuntu-latest
+    env:
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+      NEXT_PUBLIC_API_URL: https://staging-api.devfaq.pl
+
     steps:
       - uses: actions/checkout@v2
 

diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
@@ -5,12 +5,14 @@ concurrency:
   cancel-in-progress: true
 
 on: [pull_request]
+
 jobs:
   build_and_test:
     runs-on: ubuntu-latest
     env:
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
       TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+      NEXT_PUBLIC_API_URL: https://staging-api.devfaq.pl
 
     steps:
       - uses: actions/checkout@v3

diff --git a/apps/app/package.json b/apps/app/package.json
@@ -20,7 +20,7 @@
 		"@tanstack/react-query-devtools": "4.20.4",
 		"client-only": "0.0.1",
 		"easymde": "2.18.0",
-		"next": "13.0.8-canary.0",
+		"next": "13.0.8-canary.1",
 		"next-mdx-remote": "4.2.0",
 		"openapi-typescript-fetch": "1.1.3",
 		"prismjs": "1.29.0",

diff --git a/apps/app/src/app/(main-layout)/questions/[technology]/[page]/layout.tsx b/apps/app/src/app/(main-layout)/questions/[technology]/[page]/layout.tsx
@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { PAGE_SIZE } from "../../../../../lib/constants";
+import { technologies, Technology } from "../../../../../lib/technologies";
+import { getAllQuestions } from "../../../../../services/questions.service";
+
+export default function QuestionsTechnologyLayout({ children }: { children: ReactNode }) {
+	return children;
+}
+
+export async function generateStaticParams() {
+	const params = await Promise.all(
+		technologies.map(async (technology) => {
+			const response = await getAllQuestions({ category: technology, limit: 0 });
+			return Array.from({ length: Math.ceil(response.data.meta.total / PAGE_SIZE) }, (_, idx) => {
+				return { technology, page: String(idx + 1) };
+			});
+		}),
+	);
+	return params.flat();
+}
diff --git a/apps/app/src/app/layout.tsx b/apps/app/src/app/layout.tsx
@@ -14,6 +14,9 @@ const firaCode = Fira_Code({
 	variable: "--font-fira-code",
 });
 
+export const revalidate = 60;
+export const dynamic = "error";
+
 export default function RootLayout({ children }: { children: React.ReactNode }) {
 	return (
 		<html lang="pl" className={`${firaSans.variable} ${firaCode.variable}`}>

diff --git a/apps/app/src/lib/fetcher.ts b/apps/app/src/lib/fetcher.ts
@@ -7,5 +7,9 @@ fetcher.configure({
 	baseUrl: process.env.NEXT_PUBLIC_API_URL,
 	init: {
 		credentials: "include",
+		next: {
+			revalidate: 60,
+		},
+		cache: "force-cache",
 	},
 });
diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
 	"private": true,
 	"scripts": {
 		"build": "turbo run build",
+		"start": "turbo run start",
 		"dev": "turbo run dev --parallel",
 		"test": "FORCE_COLOR=1 turbo run test",
 		"lint": "turbo run lint --parallel",