Next
- def check out and run the example from next from react-notion-x
- fix grey bgr
- actually make it light/dark mode
Mar 26, 2024
Mar 25, 2024
Mar 21, 2024
Mar 20, 2024
ADR
- started with Next, updated to Next 13 at some point
- disappointed with font flash and general perf - what happened to static? why font flash?
- still will probably stick to Next and make sure it’s static?
- sticking with Next, it’s the safe/sane choice and will keep att. on perf
Log
- good session on 24.03
- started from a template by MC/Callstack
- using react-notion-x to render pages, but didn’t get them to look very well so far
- considering starting from a fork of transitivebullshit’s website and then cutting down or something
- forked and tried it, it’s pretty nice how it displays - but seems like an overkill, and not everything works
- merge
- either pick out elements that we need, or start cutting down, or ignore for now
- there are lots of different sources of info for react-notion-x. consider how to open all of them
- next
- problem: unclear whether to go manual use the nextjs template
- “If you want more control, [than Super.so], (…) then we recommend checking out the accompanying Next.js starter kit, which is free and uses react-notion-x under the hood. And if you want even more control, then you're in the right place!”
- seems like using r-n-x directly will be building from the ground up, which could be better for a minimalistic venture
- know:
NotionPage.tsxexists in the/examples/folder in the repo, in a minimalistic and full version. A new one that learns from both should be good for this case- note that the “full” version has some nice stuff for images which could be useful
- fazit:
- try to get NotionPage.tsx from the full example and see what dependencies it brings with itself
- later
- switch to using private pages to add to the config
Inspiration
- artist websites
- agency websites
Ideas
- variable website
- light/dark/colors
- use palettes
- inspo: arc?
Technology stack
- notion as CMS, using a separate public page from the project page
- easy tech: super
- standard tech: react+next
- cool tech: svelte, phoenix
If you just want to publish a website using Notion, then we highly recommend using Super.so — a hosted solution with great perf that takes care of all the details for you.
If you want more control over your website via React, then we recommend checking out the accompanying Next.js starter kit, which is free and uses
react-notion-x under the hood.And if you want even more control, then you're in the right place! 👇👇