Make an Astro site with content from Notion (and more)

Overview

Astronotion

⚠️ It is strongly recommended to upgrade to 0.0.7 (what has been fixed?)

npm install -D astronotion@latest (or other package managers' equivalent)

Make an Astro site with content from Notion

  • Add your Notion page ID(s), get conveniently massaged page content
  • Render the content with semantic, accessible, styleable components

Quick(er) Start

Use the starter site

Installation & Usage

Check out the documentation

You might also like...

🚀 A (still experimental) Lyra integration for Astro

Lyra's Astro Plugin This package is a (still experimental) Lyra integration for Astro. Usage Configuring the Astro integration // In `astro.config.mjs

Dec 13, 2022

A plugin for creating hierarchical navigation in Astro projects. Supports breadcrumbs too!

astro-navigation A plugin for creating hierarchical navigation in Astro projects. Supports breadcrumbs too! Full docs coming soon! Basic usage This pa

Dec 19, 2022

End-to-end typesafe APIs in Astro wesbites made easy

End-to-end typesafe APIs in Astro wesbites made easy

Astro x tRPC 🚀 End-to-end typesafe APIs in Astro wesbites made easy View Demo · Report Bug · Request Feature 👋 Introducing astro-trpc astro-trpc is

Dec 30, 2022

Type-safe session for all Astro SSR project

Astro Session Why use Astro Session? When building server application with Astro, you will often need session system to identify request coming from t

Dec 19, 2022

A crawler that crawls the site's internal links, fetching information of interest to any SEO specialist to perform appropriate analysis on the site.

Overview 📝 It is a module that crawls sites and extracts basic information on any web page of interest to site owners in general, and SEO specialists

Apr 22, 2022

A crawler that crawls the site's internal links, fetching information of interest to any SEO specialist to perform appropriate analysis on the site.

Overview 📝 It is a module that crawls sites and extracts basic information on any web page of interest to site owners in general, and SEO specialists

Apr 22, 2022

Make drag-and-drop easier using DropPoint. Drag content without having to open side-by-side windows

Make drag-and-drop easier using DropPoint. Drag content without having to open side-by-side windows

Make drag-and-drop easier using DropPoint! DropPoint helps you drag content without having to open side-by-side windows Works on Windows, Linux and Ma

Dec 29, 2022

Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mouse is over the marquee, and all with vanilla JavaScript.

TEG Marquee Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mou

Dec 30, 2021

Demodal is a browser extension that automatically removes content blocking modals including paywalls, discount offers, promts to sign up or enter your email address and more.

Demodal Demodal is a browser extension that automatically removes content blocking modals including paywalls, discount offers, promts to sign up or en

Jan 4, 2023
Comments
  • Anchor/link and code elements in text and list blocks are not rendered correctly

    Anchor/link and code elements in text and list blocks are not rendered correctly

    • anchor elements are rendered as plaintext
    • list items containing multiple elements (eg. This text has a [link](/foo) etc) only render the first element/fragment 🤡
    bug 
    opened by ekafyi 0
  • Grandparents wrongly included when querying child pages

    Grandparents wrongly included when querying child pages

    a.k.a. family gathering gone wrong

    Exclude parent of getParentPage page from the childPages property.

    Example:

    .
    └── Media
        ├── Music Reviews
        └── Book Reviews <--- DB/collection/"parent"
            ├── Book 1
            ├── Book 2
            └── Book 3
    

    "Media" is a page that contain subpages, one of which is "Book Reviews". The latter is a "parent" page that contains tabular data of books (Book 1, 2, etc).

    When querying the "Book Reviews" page data using getParentPage, we expect the childPages property to contain a list of "Book 1", "Book 2", etc BUT NOT "Media".

    Why? 🤷🏽‍♀️ That's how notion-client works.

    What to do: Find what indicates a non-child page and filter the data accordingly.

    bug 
    opened by ekafyi 0
  • fix: add optional chaining on format prop

    fix: add optional chaining on format prop

    Closes #2

    A block object's format property could be undefined, contrary to notion-types definition: https://github.com/NotionX/react-notion-x/blob/master/packages/notion-types/src/block.ts#L149-L158

    opened by ekafyi 0
Releases(v0.0.7)
  • v0.0.7(Jun 16, 2022)

    What's Changed

    Critical bug fixes:

    • Convert code block languages to valid Astro/shiki prop value
    • Handle pages with no icon/cover
    • Fix query child pages behaviour
    • Render text & list blocks contents correctly

    Full Changelog: https://github.com/ekafyi/astronotion/pull/7

    Source code(tar.gz)
    Source code(zip)
Owner
Eka
☕️ 💻 🎵 🥘 🚲
Eka
Examples of using various CSS-in-JS libs in Astro (repo for withastro/astro#4432)

astro + css-in-js This monorepo will show examples of various CSS-in-JS libraries in Astro. Currently only shows a basic counter example, would be nic

Mayank 15 Dec 18, 2022
Render arbitrary Markdown content in Astro, optionally integrating with any existing configuration.

Astro Markdown Astro Markdown lets you render arbitrary Markdown content in Astro, optionally integrating with any existing configuration. --- import

Astro Community 14 Dec 22, 2022
There can be more than Notion and Miro. Affine is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.

AFFiNE.PRO The Next-Gen Knowledge Base to Replace Notion & Miro. Planning, Sorting and Creating all Together. Open-source, Privacy-First, and Free to

Toeverything 12.1k Jan 9, 2023
Supercharge Notion with custom commands to record, draw, and more ✍️

Slashy Supercharge Notion with custom commands to record, draw, and more ✨ Slashy is an open source extension that lets you create custom commands for

Alyssa X 425 Dec 28, 2022
A library for boolean aliases to help you make your code more confusing and make your coworkers hate you.

yup-nope A library for boolean aliases to help you make your code more confusing and make your coworkers hate you. Installation Using npm: npm install

Bence A. Tóth 4 Dec 10, 2022
A tiny script and component intended to be used with Astro for generating images with eleventy-img.

Astro + eleventy-img A tiny script and component intended to be used with Astro for generating images with eleventy-img. It also supports creating blu

Erika 36 Dec 16, 2022
Astro 1.0 Hackathon submission

title published description tags cover_image Trying out Astro SSR & Astro 1.0 Hackaton false astro, ssr, webcomponents, hackathon https://imgur.com/lV

Pascal Schilp 26 Jan 2, 2023
🦔 AstroJS GoogleChromeLabs critters integration. Inline your critical CSS with Astro.

astro-critters ?? This Astro integration brings critters to your Astro project. Critters is a plugin that inlines your app's critical CSS and lazy-loa

Nikola Hristov 33 Dec 11, 2022
Auto-import components in Astro projects

Astro Auto Import ?? Looking for the main package? Jump to astro-auto-import → ?? Project Structure This project uses workspaces to develop a single p

Chris Swithinbank 22 Dec 30, 2022
🖼️ Bringing Material Design 3 to the Astro Blog. [WIP]

??️ Gumori You [WIP] Bringing Material Design 3 to the Astro Blog. ?? Contributing If you're interested in contributing to Gumori You, pls read the fo

!mportantImport 4 Oct 16, 2022