Repolode
Enviar
notionnext-org

notionnext-org/NotionNext

Transforma um workspace do Notion em um site público personalizável para blogs, portfólios, documentação e landing pages, usando Next.js e a API do Notion.

Alternativa open source a:Notion SitesSuper.soPotion

Ver no GitHubSite
Estrelas
11,871
Forks
14,707
Issues abertas
24
Último commit
há 19 horas

O que é?

NotionNext é um sistema de sites open source baseado em Next.js e na API do Notion. Você continua escrevendo e organizando posts, categorias, tags, menus e páginas no Notion, e o NotionNext publica tudo como um site público com suporte a SEO, sitemap, RSS e busca.

O projeto inclui 26 temas prontos para blogs, sites de documentação, portfólios, landing pages de produtos, galerias de fotos e sites de navegação. As opções de deploy incluem Vercel e Zeabur, sem precisar de um servidor próprio. Também é possível integrar sistemas de comentários como Giscus, Twikoo, Gitalk, Cusdis e Utterances, além de analytics e domínios personalizados.

A configuração envolve duplicar um template do Notion, fazer fork do repositório e conectá-lo ao Vercel usando um ID de página do Notion nas variáveis de ambiente. Para desenvolvimento local, são necessários Node 22 e Yarn 1.

Recursos principais

  • 01Publica páginas, posts e menus do Notion como um site público, sem precisar de um servidor próprio.
  • 02Inclui 26 temas prontos para blogs, documentação, portfólios, landing pages e sites de navegação.
  • 03Oferece suporte a SEO, sitemap, RSS e busca no site.
  • 04Integra sistemas de comentários como Giscus, Twikoo, Gitalk, Cusdis e Utterances.
  • 05Permite fazer deploy na Vercel ou no Zeabur, com domínios personalizados e analytics.

Casos de uso

  • Manter um blog pessoal com todos os textos no Notion.
  • Criar um portfólio ou site de marca pessoal para designers ou fotógrafos.
  • Publicar uma landing page de produto ou homepage de SaaS gerenciada pelo Notion.
  • Transformar uma base de conhecimento do Notion ou a documentação de uma equipe em um site de documentação com busca.

Início rápido

  1. 1

    Faça clone ou fork do repositório e abra-o localmente

  2. 2

    Use o Node 22 (o Node 20 não consegue instalar as dependências atuais)

    nvm use || nvm install
  3. 3

    Instale o Yarn 1 globalmente

    npm i -g yarn
  4. 4

    Instale as dependências

    yarn
  5. 5

    Inicie o servidor de desenvolvimento local

    yarn dev

Antes de usar

  • É necessário usar o Node 22; o Node 20 não consegue instalar as dependências atuais.
  • O conteúdo deve ser mantido no Notion, e é preciso configurar o ID de uma página do Notion para executar o site.

Tópicos

#notion#blog#nextjs#react#static-site#headless-cms#tailwindcss#vercel#zeabur

Perguntas frequentes

O que é NotionNext?
Transforma um workspace do Notion em um site público personalizável para blogs, portfólios, documentação e landing pages, usando Next.js e a API do Notion. NotionNext é um sistema de sites open source baseado em Next.js e na API do Notion. Você continua escrevendo e organizando posts, categorias, tags, menus e páginas no Notion, e o NotionNext publica tudo como um site público com suporte a SEO, sitemap, RSS e busca.
NotionNext é gratuito? Qual é a licença?
NotionNext é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
NotionNext ainda é mantido?
Manutenção ativa. O último commit de NotionNext foi em 21 de out. de 2026.
Para que posso usar NotionNext?
Manter um blog pessoal com todos os textos no Notion. Criar um portfólio ou site de marca pessoal para designers ou fotógrafos. Publicar uma landing page de produto ou homepage de SaaS gerenciada pelo Notion. Transformar uma base de conhecimento do Notion ou a documentação de uma equipe em um site de documentação com busca.
Como instalar NotionNext?
Faça clone ou fork do repositório e abra-o localmente Use o Node 22 (o Node 20 não consegue instalar as dependências atuais): nvm use || nvm install Instale o Yarn 1 globalmente: npm i -g yarn Instale as dependências: yarn Inicie o servidor de desenvolvimento local: yarn dev
Onde consigo NotionNext?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/notionnext-org/NotionNext

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados