notion-nextjs-portfolio

Next.js Notion Starter Kit The perfect starter kit for building websites with Next.js and Notion. Intro This repo is what I use to power my personal blog / portfolio site transitivebullsh.it. It uses Notion as a CMS, fetching content from Notion and then uses Next.js and react-notion-x to render everything. The site is then deployed to Vercel. Features Setup only takes a few minutes (single config file) 💪 Robust support for Notion content via react-notion-x Next.js / TS / React / Notion Excellent page speeds Sexy LQIP image previews Embedded GitHub comments Automatic open graph images Automatic pretty URLs Automatic table of contents Full support for dark mode Quick search via CMD+P just like in Notion Responsive for desktop / tablet / mobile Optimized for Next.js and Vercel Setup All config is defined in site.config.js. Fork / clone this repo Change a few values in site.config.js npm install npm run dev to test locally npm run deploy to deploy to vercel 💪 I tried to make configuration as easy as possible. All you really need to do to get started is edit rootNotionPageId. It defaults to rendering my site's public notion page 78fc5a4b88d74b0e824e29407e9f1ec1.