What you will need

1. A "Publishable" Notion page

• [ ] Create database w/Status (Publishable) and Slug (test-page)
• [ ] Create Test page
• [ ] Create Integration
• [ ] Share database → integration

2. A Svelte Kit* app

*Or Svelte, but then you have to figure out your own routing. ¯\(ツ)/¯

• [ ] npm init svelte@next <your-app-name>

  cd <your-app-name>

  npm install

  git init && git add -A && git commit -m "Initial commit"

  and in a separate Terminal tab or window

  npm run dev -- --open

• [ ] echo "<a href=\\"tester\\">😃 Test Page</a>" >> src/routes/test/+page.svelte, then visit http://localhost:5173/test. This is essentially what notion2svelte does, except it populates each +page.svelte from Notion.

3. Configured notion2svelte

• A .env file to guide notion2svelte.

  • [ ] touch .env

  • [ ] Copy/Paste from template ↓ and set 4 values for auth, input & output

    .env Template

• notion2svelte

  • [ ] npm install -g @nvlgzr/notion2svelte
  • [ ] npx notion2svelte

• notion2svelte-compatible Svelte components

  • [ ] npx degit nvlgzr/n2s-starter-components/notion2svelte src/lib/notion2svelte
  • [ ] npm install katex
  • [ ] Add <div id="cover"></div> as anchor for Portal.svelte