Next.js の Blog Starter Kit を使ったブログサイト作成手順

Blog Starter Kitとは?

Next.jsは、ブログ作成のためのスターターキットも提供しています。

Next.jsのBlog Starter Kitは、ブログ作成に必要な基本的な機能と構造が既に実装されたテンプレートです。このキットを使用することで、ゼロからブログシステムを構築する手間を省き、すぐにコンテンツの作成に集中できます。

主な特徴

  1. Markdownサポート: 記事をMarkdown形式で書くことができます。
  2. 静的サイト生成(SSG): 高速なページ読み込みと優れたSEOを実現します。
  3. タグ機能: 記事にタグを付けて整理できます。
  4. シンタックスハイライト: コードブロックを見やすく表示します。
  5. レスポンシブデザイン: モバイルデバイスにも対応しています。

始め方

yarn create next-app --example blog-starter .

パッケージマネージャについて:npmではキャッシュ?当の原因でエラー発生しプロジェクト作成失敗しましたが、yarnでは成功しました

↓ブログのプロジェクト作成が確認できました。