jonas-devcontentblogblog.jsx
BlogPreview
Blog
3 articlesNotes on what I build and what I break while building it — web experiments, desktop development habits, and the occasional write-up of a bug that took too long to find.
Latest article
FeaturedLearning··10 min read
Learning Augmented Reality with MediaPipe
Wiring MediaPipe hand tracking into a Three.js canvas — the pipeline, the coordinate math, and the parts that actually tripped me up.
ARMediaPipeThree.js+1
Read article →Category
Tags
2 of 2 articles
Devlog··5 min read
Building My Portfolio with Next.js
Making a portfolio that looks like a code editor: the shell layout, the tab navigation, a resizable preview pane, and the design tokens that keep it consistent.
Next.jsTailwind CSSVercel+1
Projects··8 min read
Building a Random Pokémon Project with PokéAPI
Proxying PokéAPI through Next.js route handlers, trimming the payload, and adding a sprite that wanders around the portfolio on its own.
PokéAPINext.jsRoute Handlers+1
3 posts in content/blog/·https://jns-smrt.space/blog
1// lib/blog.js — the whole content layer, no database involved
2import fs from "node:fs";
3import matter from "gray-matter";
4
5export const BLOG_DIR = join(process.cwd(), "content/blog")
6
7// Drafts preview in `next dev`, never in a production build.
8const SHOW_DRAFTS = process.env.NODE_ENV !== "production"
9
10export function getPostSlugs() {
11 return fs.readdirSync(BLOG_DIR)
12 .filter((file) => file.endsWith(".mdx"))
13 .map((file) => file.replace(/\.mdx$/, ""))
14 .sort();
15}
16
17export function getPostBySlug(slug) {
18 const source = fs.readFileSync(join(BLOG_DIR, `${slug}.mdx`), "utf8");
19 const { data, content } = matter(source);
20
21 // `published: false` keeps a post out of the public blog
22 if (data.published === false && !SHOW_DRAFTS) return null;
23
24 return {
25 slug, title: data.title, date: toIsoDate(data.date),
26 readingTime: readingTimeFor(content), tags: data.tags ?? [],
27 // Newest first, featured posts flagged by frontmatter
28 featured: data.featured === true,
29 };
30}