jarocki.me

Bartosz Jarocki - Sitio web personal construido con Next.js y noción como CMS sin cabeza

Este es mi sitio web personal construido usando

• Mecanografiado
• Siguiente JS
• API de noción
• Siguientes temas
• CSS de viento de cola
• A continuación
• Vicel og

Ejecutando localmente

Para ejecutar la aplicación localmente, se deben definir pocas variables de entorno (en .env.local ):

1. NEXT_PUBLIC_URL : se usa para crear URL absolutas, por ejemplo, enlaces canónicos e abrir imágenes de gráficos
2. NOTION_TOKEN - utilizado por el cliente API de noción, no información aquí
3. NOTION_DATABASE_ID : se usa para obtener notas/lista de publicaciones de blog

Hay un cierto formato de datos de la base de datos de noción que necesita la aplicación. Al obtener el contenido de la base de datos, la aplicación espera que las siguientes propiedades se configuren en la base de datos:

1. id
2. created_time
3. last_edited_time
4. cover
5. hashtags
6. title
7. description
8. slug -Usada como notas Slug, por ejemplo, en /notes/hello-world la babosa sería hello-world
9. published - Se utiliza para filtrar notas no publicadas en la lista de notas disponibles
10. publishedAt
11. inProgress : se usa para mostrar la insignia Work in progress en la lista de notas

Así es como debería ser la base de datos en la noción:

Después de definir las variables de entorno y su base de datos de nociones, ejecute la aplicación

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

Generación de imágenes OG

La aplicación genera imágenes de gráficos abiertos automáticamente utilizando funciones lambda y títeres

Ejemplo de la página principal

Ejemplo de publicación de blog

Créditos

Diseño fuertemente inspirado en la plantilla de focos de ui de viento de cola

Desplegar en VERCEL

Licencia

MIT