jarocki.me

Bartosz Jarocki - site pessoal construído usando o Next.js e noção como CMS sem cabeça

Este é o meu site pessoal construído usando

• TypeScript
• Próximo JS
• API de noção
• Próximos temas
• Tailwind CSS
• NextSeo
• Vercel OG

Executando localmente

Para executar o aplicativo localmente, poucas variáveis de ambiente precisam ser definidas (em .env.local ):

1. NEXT_PUBLIC_URL - usado para criar URLs absolutos, por exemplo, links canônicos e imagens gráficas abertas
2. NOTION_TOKEN - usado pelo cliente da API de noção, Nore Info aqui
3. NOTION_DATABASE_ID - usado para buscar notas/lista de postagens do blog

Existe um determinado formato de dados de dados de noção necessário pelo aplicativo. Ao buscar o conteúdo do banco de dados, o aplicativo espera que as seguintes propriedades sejam configuradas no banco de dados:

1. id
2. created_time
3. last_edited_time
4. cover
5. hashtags
6. title
7. description
8. slug -usado como uma lesma de notas, por exemplo, em /notes/hello-world a lesma seria hello-world
9. published - usado para filtrar notas não publicadas da lista de notas disponíveis
10. publishedAt
11. inProgress - Usado para exibir Work in progress crachá na lista de notas

Veja como o banco de dados em noção deve parecer:

Após definir variáveis de ambiente e seu banco de dados de noção, execute o aplicativo

git clone https://github.com/BartoszJarocki/web-jarocki-me
cd web-jarocki-me
yarn
yarn dev

Geração de imagens OG

Aplicativo gera imagens de gráfico aberto automaticamente usando funções Lambda e fantoche

Exemplo de página principal

Exemplo de postagem do blog

Créditos

Design fortemente inspirado pelo modelo de destaque da interface do usuário do Tailwind

Implantar para vercel

Licença

Mit