nextjs notion blog starter Download - nextjs notion blog starter Code source Téléchargement

nextjs notion blog starter

Code Source AI

1.0.0

Télécharger

Starter du blog de notion NextJS

Démo par défaut - déployé à partir de la branche main
Configuration du blog - J'ai écrit un article sur la façon d'utiliser ce démarreur pour démarrer votre blog

Caractéristiques

✅ La configuration ne prend que quelques minutes (configuration de fichier unique)?
✅ Abonnement à la newsletter via API Convertkit
✅ Analyse simple avec umami
✅ Images sociales OG automatiques avec modèle de vent arrière
✅ URL jolies automatiques
✅ Excellente vitesse de la page
✅ Optimisé pour Next.js et Vercel

? Construire avec

Framework : suivant.js, dactylographié
Styling : Tailwind CSS
Contenu : API de notion
Newsletter : convertkit
Déploiement : Vercel

Aperçu du projet

layouts/* - les différentes dispositions utilisées sur chaque page.
components/* - Composants utilisés sur tout le site.
components/blocks/* - Blocs personnalisés conçus pour le rendu de la notion.
utils/* - abréviation des "utilitaires", une collection d'utilitaires ou de code utiles pour les services externes.
pages/api/* - API Routes Paliding /og-image Dynamic OG Image et /subscribe-convertkit de newsletter.
pages/blog/* - pages de blog pré-rendues statiques qui rapportent les informations de l'API de notion.
pages/* - toutes les autres pages statiques.
public/* - Assets statiques, y compris les images, les polices et les vidéos.
styles/* - Styles globaux et vent arrière.
siteData.ts - un fichier simple contenant des données globales sur le site.

? ‍️ fonctionnant localement

git clone https://github.com/tuanphungcz/nextjs-notion-blog-starter
cd nextjs-notion-blog-starter
pnpm install
pnpm run dev

Créez un fichier .env similaire à .env.example et incluez les clés appropriées.

Déployer à Vercel

 NOTION_SECRET=
BLOG_DATABASE_ID=

# ConvertKit is optional
NEXT_PUBLIC_CONVERTKIT_FORM_ID=
NEXT_PUBLIC_CONVERTKIT_API_KEY=

# Umami is optional
NEXT_PUBLIC_UMAMI_ID=
NEXT_PUBLIC_UMAMI_URL=