https://github.com/hiro08gh/next-microcms-ssg

Next.js + microCMS SSG.
https://github.com/hiro08gh/next-microcms-ssg

microcms next nextjs-template react ssg

Last synced: 3 months ago
JSON representation

Next.js + microCMS SSG.

• Host: GitHub
• URL: https://github.com/hiro08gh/next-microcms-ssg
• Owner: hiro08gh
• Created: 2020-03-09T03:43:05.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2023-03-04T06:24:09.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T17:32:42.791Z (3 months ago)
• Topics: microcms, next, nextjs-template, react, ssg
• Language: JavaScript
• Homepage: https://next-microcms-ssg.netlify.app/
• Size: 362 KB
• Stars: 14
• Watchers: 3
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next.js + microCMS

Next.jsのgetStaticPropsとgetStaticPaths を使ってmicroCMSのデータを取得して、静的にビルドするサンプル。

## バージョン

- Next.js 11.1.0

- React 17.0.1

- ReactDOM 17.0.1

## コンテンツモデル

まず最初にmicroCMS側でコンテンツモデルを作成する必要があります。

API名 - ブログ

エンドポイント - blogs

### APIスキーマ

- title -> テキストフィールド

# 始め方

```

$ yarn install

```

.env.development.localを作成。

```

$ touch .env.development.local

```

## 開発サーバーの立ち上げ

microCMSで取得しAPIキーとエンドポイントをenvファイルに記述。

```

API_KEY=xxxxx

ENDPOINT=https://your.microcms.io/api/v1

```

アプリケーションの立ち上げ

```

$ yarn dev

```

## SSG

```

$ yarn export

```