nextjs notion blog starter скачать - nextjs notion blog starter Source исходный код скачать

nextjs notion blog starter

AI Исходный код

1.0.0

Скачать

NextJs Istion Blog Starter

Демонстрация по умолчанию - развернуто из main филиала
Настройка блога - я написал статью о том, как использовать этот стартер, чтобы начать ваш блог

Функции

✅ Настройка занимает всего несколько минут (конфигурация единого файла)?
✅ Подписка на информационно -бюллетень через ConvertKit API
✅ Простая аналитика с Omami
✅ Автоматические социальные изображения OG с шаблоном Tailwind
✅ Автоматические красивые URL -адреса
✅ Отличная скорость страницы
✅ Оптимизирован для lete.js и Vercel

? Строить с

Framework : Next.js, TypeScript
Стиль : Tailwind CSS
Контент : API понятия
Информационный бюллетень : Convertkit
Развертывание : Vercel

Обзор проекта

layouts/* - различные макеты, используемые на каждой странице.
components/* - Компоненты, используемые по всему сайту.
components/blocks/* - Пользовательские блоки, сделанные для рендеринга понятия.
utils/* - Короче говоря, для «утилиты», коллекции полезных утилит или кода для внешних служб.
pages/api/* -API-маршруты питания /og-image Dynamic OG Image и /subscribe-convertkit .
pages/blog/* - Статические предварительно -Рендерированные страницы блога, которые извлекают информацию из API понятия.
pages/* - Все остальные статические страницы.
public/* - Статические активы, включая изображения, шрифты и видео.
styles/* - Глобальные стили и попутный ветер.
siteData.ts - простой файл, содержащий глобальные данные о сайте.

? ‍♂️ бег на местном уровне

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

Создайте файл .env , похожий на .env.example и включите соответствующие ключи.

Развернуть в 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=