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.
leerob/next-mdx-blog
Template de blog em Next.js que renderiza posts em MDX com Tailwind CSS e TypeScript, pronto para deploy na Vercel.
- Estrelas
- 7,575
- Forks
- 1,446
- Issues abertas
- 0
- Último commit
- mês passado
O que é?
next-mdx-blog é um template inicial para um blog pessoal. Ele é desenvolvido com Next.js e TypeScript, estilizado com Tailwind CSS, e usa MDX para que o conteúdo em Markdown possa incluir componentes React.
O template está configurado para deploy na Vercel e inclui o Vercel Analytics. Opcionalmente, um banco de dados Postgres pode armazenar regras de redirecionamento, definidas em uma tabela redirects com os campos source, destination e permanent.
Para executá-lo localmente, clone o repositório, instale as dependências com pnpm e inicie o servidor de desenvolvimento. O projeto requer Node.js v18.17 ou posterior.
Recursos principais
- 01Escreve posts em MDX, combinando Markdown com componentes React.
- 02Usa Next.js e TypeScript como base da aplicação.
- 03Estilizado com Tailwind CSS.
- 04Inclui Vercel Analytics e um botão para fazer deploy na Vercel com um clique.
- 05Armazena regras de redirecionamento no Postgres, de forma opcional.
Casos de uso
- Lançar um blog pessoal para desenvolvedores com posts baseados em Markdown.
- Começar um site de conteúdo em Next.js que precise de MDX e Tailwind CSS.
- Fazer deploy de um blog na Vercel com analytics incluído.
Início rápido
- 1
Clone o repositório
git clone https://github.com/leerob/next-mdx-blog.git - 2
Acesse a pasta do projeto
cd next-mdx-blog - 3
Instale as dependências com pnpm
pnpm install - 4
Inicie o servidor de desenvolvimento
pnpm dev
Antes de usar
- Nenhuma licença foi especificada, então não está claro se é permitido reutilizar.
Tópicos
Perguntas frequentes
- O que é next-mdx-blog?
- Template de blog em Next.js que renderiza posts em MDX com Tailwind CSS e TypeScript, pronto para deploy na Vercel. next-mdx-blog é um template inicial para um blog pessoal. Ele é desenvolvido com Next.js e TypeScript, estilizado com Tailwind CSS, e usa MDX para que o conteúdo em Markdown possa incluir componentes React.
- next-mdx-blog é gratuito? Qual é a licença?
- next-mdx-blog não declara licença. O código é público, mas sem licença você não tem permissão explícita para reutilizá-lo; fale com o autor antes de depender dele.
- next-mdx-blog ainda é mantido?
- Atualizado nos últimos 6 meses. O último commit de next-mdx-blog foi em 16 de set. de 2026.
- Para que posso usar next-mdx-blog?
- Lançar um blog pessoal para desenvolvedores com posts baseados em Markdown. Começar um site de conteúdo em Next.js que precise de MDX e Tailwind CSS. Fazer deploy de um blog na Vercel com analytics incluído.
- Como instalar next-mdx-blog?
- Clone o repositório: git clone https://github.com/leerob/next-mdx-blog.git Acesse a pasta do projeto: cd next-mdx-blog Instale as dependências com pnpm: pnpm install Inicie o servidor de desenvolvimento: pnpm dev
- Onde consigo next-mdx-blog?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/leerob/next-mdx-blog
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Framework para criar sites de documentação com React.js, compatível com Next.js, Astro e frameworks React baseados em Vite.
Biblioteca de componentes React e Tailwind CSS com componentes e efeitos de UI animados para copiar nos seus apps Next.js ou shadcn/ui.
Template inicial de Next.js 15 pronto para produção, com TypeScript, Tailwind CSS v4, testes, lint e infraestrutura opcional para deploy na AWS.
Starter open source de SaaS com Next.js, autenticação Clerk, multi-tenancy, RBAC, i18n, Drizzle ORM e Tailwind CSS.
Biblioteca de animações de cursor para React e Next.js, com efeitos reutilizáveis que acompanham o cursor, feita com Tailwind CSS e motion.