-
- );
-}
diff --git a/renderer/renderer.ts b/renderer/renderer.ts
deleted file mode 100644
index b83d71068..000000000
--- a/renderer/renderer.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export function renderFlowJSON(data: any, options?: any) {
- console.warn("renderFlowJSON is not implemented");
- console.warn("run the following command to generate the renderer:");
- console.warn("> npm run generate-renderer");
-}
diff --git a/scripts/editor-roadmap-content-json.ts b/scripts/editor-roadmap-content-json.ts
index 4dc6efc96..229337004 100644
--- a/scripts/editor-roadmap-content-json.ts
+++ b/scripts/editor-roadmap-content-json.ts
@@ -1,7 +1,7 @@
import fs from 'node:fs/promises';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
-import type { Node } from 'reactflow';
+import type { Node } from '@roadmapsh/editor';
import matter from 'gray-matter';
import type { RoadmapFrontmatter } from '../src/lib/roadmap';
import { slugify } from '../src/lib/slugger';
diff --git a/scripts/editor-roadmap-content.ts b/scripts/editor-roadmap-content.ts
index dcc0a93f1..6877179bc 100644
--- a/scripts/editor-roadmap-content.ts
+++ b/scripts/editor-roadmap-content.ts
@@ -1,7 +1,7 @@
import fs from 'node:fs/promises';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
-import type { Edge, Node } from 'reactflow';
+import type { Edge, Node } from '@roadmapsh/editor';
import matter from 'gray-matter';
import type { RoadmapFrontmatter } from '../src/lib/roadmap';
import { slugify } from '../src/lib/slugger';
diff --git a/scripts/editor-roadmap-dirs.ts b/scripts/editor-roadmap-dirs.ts
index ce7aeb145..b1f0ebc2c 100644
--- a/scripts/editor-roadmap-dirs.ts
+++ b/scripts/editor-roadmap-dirs.ts
@@ -1,7 +1,7 @@
import fs from 'node:fs/promises';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
-import type { Node } from 'reactflow';
+import type { Node } from '@roadmapsh/editor';
import matter from 'gray-matter';
import type { RoadmapFrontmatter } from '../src/lib/roadmap';
import { slugify } from '../src/lib/slugger';
diff --git a/scripts/generate-renderer.sh b/scripts/generate-renderer.sh
index 0bc2d3e20..11db6d24b 100644
--- a/scripts/generate-renderer.sh
+++ b/scripts/generate-renderer.sh
@@ -2,33 +2,24 @@
set -e
-# ignore cloning if .temp/web-draw already exists
+# Remove old editor
+rm -rf editor
+
if [ ! -d ".temp/web-draw" ]; then
- mkdir -p .temp
- git clone git@github.com:roadmapsh/web-draw.git .temp/web-draw
+ git clone ssh://git@github.com/roadmapsh/web-draw.git .temp/web-draw --depth 1
fi
-rm -rf editor
-mkdir editor
-
-# copy the files at /src/editor/* to /editor
-# while replacing any existing files
-cp -rf .temp/web-draw/src/editor/* editor
+# Make dir
+mkdir -p packages/editor
+mkdir -p packages/editor/dist
-# Add @ts-nocheck to the top of each ts and tsx file
-# so that the typescript compiler doesn't complain
-# about the missing types
-find editor -type f \( -name "*.ts" -o -name "*.tsx" \) -print0 | while IFS= read -r -d '' file; do
- if [ -f "$file" ]; then
- echo "// @ts-nocheck" > temp
- cat "$file" >> temp
- mv temp "$file"
- echo "Added @ts-nocheck to $file"
- fi
-done
+# Copy the editor dist, package.json
+cp -rf .temp/web-draw/packages/editor/dist packages/editor
+cp -rf .temp/web-draw/packages/editor/package.json packages/editor
+# Remove temp directory
+rm -rf .temp
-# ignore the worktree changes for the editor directory
-git update-index --assume-unchanged editor/readonly-editor.tsx || true
-git update-index --assume-unchanged editor/renderer/index.tsx || true
-git update-index --assume-unchanged editor/renderer/renderer.ts || true
+# Reinstall so that the editor which was setup gets used
+rm -rf node_modules
+pnpm install
diff --git a/scripts/migrate-editor-roadmap.ts b/scripts/migrate-editor-roadmap.ts
new file mode 100644
index 000000000..96c504b90
--- /dev/null
+++ b/scripts/migrate-editor-roadmap.ts
@@ -0,0 +1,76 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import type { Node } from '@roadmapsh/editor';
+import matter from 'gray-matter';
+import type { RoadmapFrontmatter } from '../src/lib/roadmap';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Directory containing the roadmaps
+const ROADMAP_CONTENT_DIR = path.join(__dirname, '../src/data/roadmaps');
+const allRoadmaps = await fs.readdir(ROADMAP_CONTENT_DIR);
+
+const editorRoadmapIds = new SetPrivate Component
-- Renderer is a private component. If you are a collaborator and have - access to it. Run the following command: -
-
- npm run generate-renderer
-
-
+
{actionType.replace('_', ' ')}
diff --git a/src/components/Activity/ProjectProgress.tsx b/src/components/Activity/ProjectProgress.tsx
index 3e91c25f3..e10c9d5c9 100644
--- a/src/components/Activity/ProjectProgress.tsx
+++ b/src/components/Activity/ProjectProgress.tsx
@@ -36,7 +36,7 @@ export function ProjectProgress(props: ProjectProgressType) {
target="_blank"
>
{isLoading && (
<>
@@ -99,7 +99,7 @@ export function AddTeamRoadmap(props: AddTeamRoadmapProps) {
@@ -110,7 +110,7 @@ export function AddTeamRoadmap(props: AddTeamRoadmapProps) {
setIsLoading(false);
}}
type="button"
- className="flex-grow cursor-pointer rounded-lg bg-black py-2 text-center text-white"
+ className="grow cursor-pointer rounded-lg bg-black py-2 text-center text-white"
>
+ Add More
@@ -126,7 +126,7 @@ export function AddTeamRoadmap(props: AddTeamRoadmapProps) {
@@ -152,7 +152,7 @@ export function AddTeamRoadmap(props: AddTeamRoadmapProps) {
setSelectedRoadmap(roadmapId);
});
}}
- inputClassName="mt-2 mb-2 block w-full rounded-md border border-gray-300 px-3 py-2 outline-none placeholder:text-gray-400 focus:border-gray-400"
+ inputClassName="mt-2 mb-2 block w-full rounded-md border border-gray-300 px-3 py-2 outline-hidden placeholder:text-gray-400 focus:border-gray-400"
placeholder={'Search for roadmap'}
/>
@@ -160,7 +160,7 @@ export function AddTeamRoadmap(props: AddTeamRoadmapProps) {
diff --git a/src/components/AdvertiseForm.tsx b/src/components/AdvertiseForm.tsx
index 36d132296..fa6618215 100644
--- a/src/components/AdvertiseForm.tsx
+++ b/src/components/AdvertiseForm.tsx
@@ -30,7 +30,7 @@ function Input(props: InputProps) {
value={value}
onChange={onChange}
rows={rows}
- className="mt-1 block w-full rounded-md border border-gray-300 p-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+ className="mt-1 block w-full rounded-md border border-gray-300 p-2 shadow-xs focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
autoComplete="off"
data-1p-ignore=""
data-form-type="other"
@@ -45,7 +45,7 @@ function Input(props: InputProps) {
value={value}
onChange={onChange}
required={required}
- className="mt-1 block w-full rounded-md border border-gray-300 p-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
+ className="mt-1 block w-full rounded-md border border-gray-300 p-2 shadow-xs focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
autoComplete="off"
data-1p-ignore=""
data-form-type="other"
@@ -120,7 +120,7 @@ export function AdvertiseForm() {
Ready to learn more? Fill out the form below to get started!
{error && (
-
+
{error}
)}
@@ -199,7 +199,7 @@ export function AdvertiseForm() {
type="checkbox"
checked={formData.updates}
onChange={handleInputChange}
- className="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+ className="h-4 w-4 rounded-sm border-gray-300 text-indigo-600 focus:ring-indigo-500"
/>
@@ -213,7 +213,7 @@ export function AdvertiseForm() {
diff --git a/src/components/Analytics/Clarity.astro b/src/components/Analytics/Clarity.astro
index 14d9247e3..76125f232 100644
--- a/src/components/Analytics/Clarity.astro
+++ b/src/components/Analytics/Clarity.astro
@@ -1,4 +1,4 @@
-
diff --git a/src/components/Analytics/RedditPixel.astro b/src/components/Analytics/RedditPixel.astro
index a07ad33ca..b6c781123 100644
--- a/src/components/Analytics/RedditPixel.astro
+++ b/src/components/Analytics/RedditPixel.astro
@@ -1,4 +1,4 @@
-
+
+
+ )
+ }
+
+
+
+
+
diff --git a/src/layouts/SkeletonLayout.astro b/src/layouts/SkeletonLayout.astro
index 4485f25c3..331191528 100644
--- a/src/layouts/SkeletonLayout.astro
+++ b/src/layouts/SkeletonLayout.astro
@@ -7,6 +7,7 @@ const props = Astro.props;
---
+
-> {
- const contentFiles = await import.meta.glob(
- '/src/data/roadmaps/*/content/**/*.md',
- {
- eager: true,
- },
- );
-
- const mapping: Record = {};
-
- for (let filePath of Object.keys(contentFiles)) {
- const fileContent: MarkdownFileType = contentFiles[filePath] as any;
- const fileHeadings = fileContent.getHeadings();
- const firstHeading = fileHeadings[0];
-
- const [, roadmapId] =
- filePath.match(/^\/src\/data\/roadmaps\/(.+)?\/content\/(.+)?$/) || [];
- const topicUrl = generateTopicUrl(filePath);
-
- const currentRoadmap = await import(
- `../data/roadmaps/${roadmapId}/${roadmapId}.md`
- );
-
- mapping[topicUrl] = {
- url: topicUrl,
- heading: firstHeading?.text,
- file: fileContent,
- roadmap: currentRoadmap.frontmatter,
- roadmapId: roadmapId,
- };
- }
-
- return mapping;
-}
diff --git a/src/lib/roadmap.ts b/src/lib/roadmap.ts
index 5715a68b1..269e2a6bd 100644
--- a/src/lib/roadmap.ts
+++ b/src/lib/roadmap.ts
@@ -33,6 +33,17 @@ export interface RoadmapFrontmatter {
link: string;
linkText: string;
};
+ courses?: {
+ title: string;
+ description: string;
+ link: string;
+ instructor: {
+ name: string;
+ image: string;
+ title: string;
+ };
+ features: string[];
+ }[];
note?: string;
question?: {
title: string;
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 203975e74..9e4261b86 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -22,7 +22,7 @@ const legacyRoadmapUrls = [...roadmapIds.map((id) => `/${id}/`), '/roadmaps/'];
= {
'AI and Data Scientist': 'AI and Data Science',
'Game Developer': 'Game Development',
'Technical Writer': 'Technical Writing',
@@ -41,12 +44,15 @@ const descriptionNoun = {
};
const title = `${roadmapData.briefTitle} Courses`;
-const description = `Courses and project driven path to help you master ${descriptionNoun[roadmapData.briefTitle] || roadmapData.briefTitle}`;
+const description = `Premium courses to help you master ${descriptionNoun[roadmapData.briefTitle] || roadmapData.briefTitle}`;
const seoTitle = `${roadmapData.briefTitle} Courses`;
const nounTitle =
descriptionNoun[roadmapData.briefTitle] || roadmapData.briefTitle;
const seoDescription = `Seeking ${nounTitle.toLowerCase()} courses to enhance your skills? Explore our top free and paid courses to help you become a ${nounTitle} expert!`;
+
+const projects = await getProjectsByRoadmapId(roadmapId);
+const courses = roadmapData.courses || [];
---
Page not found!
diff --git a/src/pages/[roadmapId]/index.json.ts b/src/pages/[roadmapId].json.ts similarity index 95% rename from src/pages/[roadmapId]/index.json.ts rename to src/pages/[roadmapId].json.ts index 7d4b6c0f3..56a9cc507 100644 --- a/src/pages/[roadmapId]/index.json.ts +++ b/src/pages/[roadmapId].json.ts @@ -1,5 +1,7 @@ import type { APIRoute } from 'astro'; +export const prerender = true; + export async function getStaticPaths() { const roadmapJsons = import.meta.glob('/src/data/roadmaps/**/*.json', { eager: true, diff --git a/src/pages/[roadmapId]/[...topicId].astro b/src/pages/[roadmapId]/[...topicId].astro index aec201c85..8682a1e2d 100644 --- a/src/pages/[roadmapId]/[...topicId].astro +++ b/src/pages/[roadmapId]/[...topicId].astro @@ -1,37 +1,87 @@ --- -import { - getRoadmapTopicFiles, - type RoadmapTopicFileType, -} from '../../lib/roadmap-topic'; - -export async function getStaticPaths() { - const topicPathMapping = await getRoadmapTopicFiles(); - - return Object.keys(topicPathMapping).map((topicSlug) => { - const topicDetails = topicPathMapping[topicSlug]; - const roadmapId = topicDetails.roadmapId; - const topicId = topicSlug.replace(`/${roadmapId}/`, ''); - - return { - params: { - topicId, - roadmapId, - }, - props: topicDetails, - }; - }); +import fs from 'node:fs'; +import path from 'node:path'; +import matter from 'gray-matter'; +import MarkdownIt from 'markdown-it-async'; +import { fileURLToPath } from 'node:url'; + +export const prerender = false; + +const { topicId, roadmapId } = Astro.params; + +if (!topicId || !roadmapId) { + Astro.response.status = 404; + Astro.response.statusText = 'Not found'; + + return Astro.rewrite('/404'); +} + +// Handle nested paths by joining the segments +const topicPath = Array.isArray(topicId) ? topicId.join('/') : topicId; + +// Get the project root directory +const __filename = fileURLToPath(import.meta.url); +const __dirname = path.dirname(__filename); + +// hack to make it work. TODO: Fix +const projectRoot = path.resolve(__dirname, '../../..').replace(/dist$/, ''); + +// Construct the path to the markdown file +let contentPath = path.join( + projectRoot, + 'src', + 'data', + 'roadmaps', + roadmapId, + 'content', + `${topicPath}.md`, +); + +// Check if file exists +if (!fs.existsSync(contentPath)) { + const indexFilePath = path.join( + projectRoot, + 'src', + 'data', + 'roadmaps', + roadmapId, + 'content', + `${topicPath}/index.md`, + ); + + if (!fs.existsSync(indexFilePath)) { + Astro.response.status = 404; + Astro.response.statusText = 'Not found'; + + return Astro.rewrite('/404'); + } + + contentPath = indexFilePath; } -export const partial = true; +// Read and parse the markdown file +const fileContent = fs.readFileSync(contentPath, 'utf-8'); +const { data: frontmatter, content } = matter(fileContent); -const { topicId } = Astro.params; -const { file, url, roadmapId, roadmap, heading } = - Astro.props as RoadmapTopicFileType; +// Get the roadmap metadata +const roadmapPath = path.join( + projectRoot, + 'src', + 'data', + 'roadmaps', + roadmapId, + `${roadmapId}.md`, +); +const roadmapContent = fs.readFileSync(roadmapPath, 'utf-8'); +const { data: roadmapData } = matter(roadmapContent); -const fileWithoutBasePath = file.file?.replace(/.+?\/src\/data/, '/src/data'); +const fileWithoutBasePath = contentPath.replace(/.+?\/src\/data/, '/src/data'); const gitHubUrl = `https://github.com/kamranahmedse/developer-roadmap/tree/master${fileWithoutBasePath}`; + +const md = MarkdownIt(); +const htmlContent = await md.renderAsync(content); --- -
- = import.meta.glob(
- '/src/data/roadmaps/**/courses.json',
- {
- eager: true,
- },
- );
-
- const roadmapIds = await getRoadmapIds();
-
- return roadmapIds.map((roadmapId) => ({
- params: {
- roadmapId,
- },
- props: {
- courses:
- coursesJsons[`/src/data/roadmaps/${roadmapId}/courses.json`]?.default ||
- {},
- },
- }));
-}
-
-export const GET: APIRoute = async function ({ params, request, props }) {
- return new Response(JSON.stringify(props.courses), {
- status: 200,
- headers: {
- 'Content-Type': 'application/json',
- },
- });
-};
diff --git a/src/pages/[roadmapId]/index.astro b/src/pages/[roadmapId]/index.astro
index 346f9fca7..c57c1fe03 100644
--- a/src/pages/[roadmapId]/index.astro
+++ b/src/pages/[roadmapId]/index.astro
@@ -19,6 +19,8 @@ import { RoadmapTitleQuestion } from '../../components/RoadmapTitleQuestion';
import ResourceProgressStats from '../../components/ResourceProgressStats.astro';
import { getProjectsByRoadmapId } from '../../lib/project';
+export const prerender = true;
+
export async function getStaticPaths() {
const roadmapIds = await getRoadmapIds();
@@ -70,6 +72,7 @@ const ogImageUrl =
const question = roadmapData?.question;
const note = roadmapData.note;
const projects = await getProjectsByRoadmapId(roadmapId);
+const courses = roadmapData.courses || [];
---
-
-
-
-
diff --git a/src/pages/[roadmapId]/courses.json.ts b/src/pages/[roadmapId]/courses.json.ts
deleted file mode 100644
index 20155b72c..000000000
--- a/src/pages/[roadmapId]/courses.json.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { APIRoute } from 'astro';
-import { getRoadmapIds } from '../../lib/roadmap.ts';
-
-export async function getStaticPaths() {
- const coursesJsons: Record
-
- Frontend development is a vast field with a lot of tools and - technologies. We have the frontend roadmap - which is filled with a lot of free and good resources to help you learn. But sometimes it helps to have a minimalistic - list of courses and project recommendations to help you get started. -
- -- Below are some of the best courses (paid) and projects to help you - learn frontend development. These are handpicked and are a great way - to get started. -
- -- Please note that these are paid courses curated from external - platforms. We earn a small commission if you purchase the course - using the links below. This helps us maintain the website and keep - it free for everyone. +
+
+
- + Official Courses by roadmap.sh + team
+
+ More coming soon
+
+ - If you are looking for free resources, you can check out the frontend roadmap. Also, we have a list of projects that you can work on to enhance your skills. -
+
+ {
+ courses.map((course) => (
+
+
-
-
+
+
+ ))
+ }
+
+ + {course.title} +
+{course.description}
+ + {course.features.length > 0 && ( + <> +
+ {course.features.map((feature) => (
+
+ {feature}
+
+ ))}
+
+
+
+
+ )}
+
+ 
+
+
+
+ View Course →
+
+
+
+ + {course.instructor.name} +
++ {course.instructor.title} +
+
+
+ )
+ }
+ No courses available yet +
++ We're working on creating premium courses for this roadmap. + Check back soon! +
+
@@ -132,7 +136,7 @@ const projects = await getProjectsByRoadmapId(roadmapId);
+
diff --git a/src/pages/[roadmapId]/svg.astro b/src/pages/[roadmapId]/svg.astro
index 1d9823898..d57b51c69 100644
--- a/src/pages/[roadmapId]/svg.astro
+++ b/src/pages/[roadmapId]/svg.astro
@@ -5,6 +5,8 @@ import SkeletonLayout from '../../layouts/SkeletonLayout.astro';
import { getOpenGraphImageUrl } from '../../lib/open-graph';
import { type RoadmapFrontmatter, getRoadmapIds } from '../../lib/roadmap';
+export const prerender = true;
+
export async function getStaticPaths() {
const roadmapIds = await getRoadmapIds();
@@ -42,7 +44,7 @@ const ogImageUrl =
resourceType='roadmap'
noIndex={true}
>
-
+
{
roadmapData?.renderer === 'editor' ? (
+
diff --git a/src/pages/ai-roadmaps/index.astro b/src/pages/ai-roadmaps/index.astro
new file mode 100644
index 000000000..18ce37941
--- /dev/null
+++ b/src/pages/ai-roadmaps/index.astro
@@ -0,0 +1,10 @@
+---
+import { GenerateRoadmap } from '../../components/GenerateRoadmap/GenerateRoadmap';
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import { CheckSubscriptionVerification } from '../../components/Billing/CheckSubscriptionVerification';
+---
+
+
+
diff --git a/src/pages/ai-tutor/index.astro b/src/pages/ai-tutor/index.astro
deleted file mode 100644
index 5f2ab8ebf..000000000
--- a/src/pages/ai-tutor/index.astro
+++ /dev/null
@@ -1,17 +0,0 @@
----
-import { AICourse } from '../../components/GenerateCourse/AICourse';
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import { CheckSubscriptionVerification } from '../../components/Billing/CheckSubscriptionVerification';
-
-const ogImage = 'https://roadmap.sh/og-images/ai-tutor.png';
----
-
-
-
diff --git a/src/pages/ai-tutor/[courseSlug].astro b/src/pages/ai/[courseSlug].astro
similarity index 89%
rename from src/pages/ai-tutor/[courseSlug].astro
rename to src/pages/ai/[courseSlug].astro
index e3c6ec146..616f9305f 100644
--- a/src/pages/ai-tutor/[courseSlug].astro
+++ b/src/pages/ai/[courseSlug].astro
@@ -17,8 +17,9 @@ const { courseSlug } = Astro.params as Params;
briefTitle='AI Tutor'
description='AI Tutor'
keywords={['ai', 'tutor', 'education', 'learning']}
- canonicalUrl={`/ai-tutor/${courseSlug}`}
+ canonicalUrl={`/ai/${courseSlug}`}
>
+
-
+
+
diff --git a/src/pages/ai-tutor/search.astro b/src/pages/ai/search.astro
similarity index 91%
rename from src/pages/ai-tutor/search.astro
rename to src/pages/ai/search.astro
index 91edc218c..284e8f4ce 100644
--- a/src/pages/ai-tutor/search.astro
+++ b/src/pages/ai/search.astro
@@ -9,7 +9,8 @@ import { CheckSubscriptionVerification } from '../../components/Billing/CheckSub
briefTitle='AI Tutor'
description='AI Tutor'
keywords={['ai', 'tutor', 'education', 'learning']}
- canonicalUrl='/ai-tutor/search'
+ canonicalUrl='/ai/search'
+ noIndex={true}
>
{}
export async function getStaticPaths() {
@@ -62,7 +64,7 @@ const videos = await getVideosByAuthor(authorId);
-
-
+
{authorFrontmatter.name}
@@ -121,7 +123,7 @@ const videos = await getVideosByAuthor(authorId);
+
![Kamran Ahmed's profile picture]()
{
[...guides, ...questionGuides]
diff --git a/src/pages/authors/[authorId].json.ts b/src/pages/authors/[authorId].json.ts
index 4193292f7..43bf20dbf 100644
--- a/src/pages/authors/[authorId].json.ts
+++ b/src/pages/authors/[authorId].json.ts
@@ -1,6 +1,8 @@
import type { APIRoute } from 'astro';
import { getAuthorById, getAuthorIds } from '../../lib/author';
+export const prerender = true;
+
export async function getStaticPaths() {
const authorIds = await getAuthorIds();
diff --git a/src/pages/best-practices/[bestPracticeId]/index.json.ts b/src/pages/best-practices/[bestPracticeId].json.ts
similarity index 96%
rename from src/pages/best-practices/[bestPracticeId]/index.json.ts
rename to src/pages/best-practices/[bestPracticeId].json.ts
index 00400ce13..2fbdd7409 100644
--- a/src/pages/best-practices/[bestPracticeId]/index.json.ts
+++ b/src/pages/best-practices/[bestPracticeId].json.ts
@@ -1,5 +1,7 @@
import type { APIRoute } from 'astro';
+export const prerender = true;
+
export async function getStaticPaths() {
const bestPracticeJsons = await import.meta.glob(
'/src/data/best-practices/**/*.json',
diff --git a/src/pages/best-practices/[bestPracticeId]/[...topicId].astro b/src/pages/best-practices/[bestPracticeId]/[...topicId].astro
index 1607036b0..ae189b29b 100644
--- a/src/pages/best-practices/[bestPracticeId]/[...topicId].astro
+++ b/src/pages/best-practices/[bestPracticeId]/[...topicId].astro
@@ -2,6 +2,8 @@
import { getAllBestPracticeTopicFiles } from '../../../lib/best-practice-topic';
import type { BestPracticeTopicFileType } from '../../../lib/best-practice-topic';
+export const prerender = true;
+
export async function getStaticPaths() {
const topicPathMapping = await getAllBestPracticeTopicFiles();
diff --git a/src/pages/best-practices/[bestPracticeId]/index.astro b/src/pages/best-practices/[bestPracticeId]/index.astro
index 7fc4173b1..d577a913c 100644
--- a/src/pages/best-practices/[bestPracticeId]/index.astro
+++ b/src/pages/best-practices/[bestPracticeId]/index.astro
@@ -15,6 +15,8 @@ import {
getAllBestPractices,
} from '../../../lib/best-practice';
+export const prerender = true;
+
export async function getStaticPaths() {
const bestPractices = await getAllBestPractices();
@@ -92,7 +94,7 @@ const ogImageUrl = getOpenGraphImageUrl({
{
!bestPracticeData.isUpcoming && bestPracticeData.jsonUrl && (
-
+
+
+