Notebook

this is notebook mainly a kinda jurnal, but for all the stuff

Stack

• Runtime: Bun (v1.3.14+)
• Framework: Next.js (v16.2.6)
• Styling: Tailwind CSS (v4.3.0)
• Parsers: marked + front-matter.
• Math Engine: KaTeX.
• Code Highlighting: Shiki.

Layout

• Left: Blank
• Middle: Chaos
• Layout: the table of contents

Directory Map

notebook/
├── content/              # Raw Markdown journals/notes.
├── public/               # Static assets (images, icons).
├── src/
│   ├── app/
│   │   ├── api/          # API routes (search, etc).
│   │   ├── blog/
│   │   │   └── [slug]/
│   │   │       ├── page.tsx  # Dynamic blog post rendering.
│   │   │       └── og/       # Dynamic Open Graph images.
│   │   ├── globals.scss      # Global styles & Theme variables.
│   │   ├── layout.tsx        # Root layout with theme providers.
│   │   └── page.tsx          # Home page (Chaos).
│   ├── components/       # UI Components (Search, TableOfContents, etc).
│   └── lib/              # Shared utilities (Shiki, etc).

Getting Started

First, run the development server:

bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

Star History