BartoszJarocki/jarocki.me

🚀 Personal website / blog / portfolio built using TypeScript, Next.js, Tailwind CSS and Notion API

★ 327Forks 42TypeScriptGitHub ↗Compare

Project website ↗

blognextjsnotionnotion-apinotion-blogportfolioreactreactjstailwindcsstypescript

README

jarocki.me

Personal site of Bartosz Jarocki. Notion-backed notes, dark monochrome aesthetic, type-driven.

jarocki.me

Stack

Next.js (Pages Router) · Tailwind · Notion API · Geist Sans/Mono · Vercel.

Develop

Requires Node 18+ and pnpm.

cp .env.example .env.local
# fill in: NEXT_PUBLIC_URL, NOTION_TOKEN, NOTION_DATABASE_ID

pnpm install
pnpm dev

Notion schema

Notes database properties:

Property Type
title Title
slug Rich Text
description Rich Text
published Checkbox
publishedAt Date
hashtags Multi-select
inProgress Checkbox
cover Files & Media

Layout

src/pages/         Routes (Pages Router)
src/components/    PageShell, SiteNav, DatedRowList, NoteContent
src/data/          bio, work, projects, books
src/lib/notesApi   Notion client
src/images/travel  Photos for /about
src/styles/        Tailwind layer + ds-* component classes

License

MIT.

Contributors

BartoszJarockidependabot[bot]

Issues

Test

#20 · closed · 0 comments