Hello world, from Notion!

This blog post is written in Notion and pre-rendered on this page using Next.js generateStaticParams. It also uses Incremental Static Generation with the revalidate option so the content updates when the source is edited.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Praesent egestas, sapien sit amet facilisis ultrices, sem purus bibendum augue, at feugiat enim erat in odio.

• Quisque euismod eros non nulla tincidunt, nec scelerisque libero sollicitudin.
• Donec pharetra neque in sapien porttitor, vitae suscipit sapien tincidunt.
• Fusce vitae sapien ac eros pulvinar pulvinar.

1. Sed sit amet nulla id velit fringilla fermentum.
2. Curabitur auctor nunc vel felis ultricies, vel ultrices metus tempor.
3. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.

"Vivamus quis lectus sed arcu dictum volutpat non ut velit." - Someone Famous

🪄 How does it work?

1. Write blogpost in Notion
2. Use Notions public API
3. Profit!

Now I'm just writing placeholder content to try out the different blocks available. How about a link, bold text, strikethrough text, italic text and code? Colored text?

Supported blocks:

Heading 1

Heading 2

Heading 3

Paragraph

• bulleted list 1
• bulleted list 2
• bulleted list 3

1. numbered list 1
2. numbered list 2
3. numbered list 3

A simple quote block

export const getDatabase = async (databaseId) => {
  const response = await notion.databases.query({
    database_id: databaseId,
  });
  return response.results;
};

Customizing

To edit a block change the renderBlock function in [id].js

✌️

$E=m{c}^2$

$\frac{-b\pm \sqrt{b^2-4ac}}{2a}$