<p>久しぶりの React。</p>
<p>最近リハビリで、Next.js をいじっていて、とりあえず Markdown のブログを作ろうと思いカタカタプログラミングを始めた。</p>
<p>とりあえず、Vercel が爆速でデプロイできることに驚いた。</p>
<p>ちびちびカスタマイズしていこうっと。</p>
<pre class="language-ts"><code class="language-ts"><span class="token console class-name">console</span><span class="token punctuation">.</span><span class="token method function property-access">log</span><span class="token punctuation">(</span><span class="token string">"OK😄"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
<h2 id="バージョン">バージョン<a aria-hidden="true" tabindex="-1" href="#バージョン"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="16" height="16" class="inline align-baseline"><path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"></path></svg></a></h2>
<ul>
<li>2022.06.16 canonical URL に対応</li>
<li>2022.05.13 ドラフト機能追加</li>
<li>2022.05.06 GTM GA4 設置</li>
<li>2022.05.05 OG IMAGE 自動生成追加</li>
<li>2022.05.01 サイト公開</li>
</ul>
<h2 id="参考サイト">参考サイト<a aria-hidden="true" tabindex="-1" href="#参考サイト"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="16" height="16" class="inline align-baseline"><path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"></path></svg></a></h2>
<ul>
<li><a href="https://shon0.dev/posts/8r_hksif024a/">Next.js でブログを作って、動的 OGP も用意した</a></li>
<li><a href="https://nextjs.org/learn/basics/create-nextjs-app">Create a Next.js App</a></li>
</ul>
<h2 id="バージョン-1">バージョン<a aria-hidden="true" tabindex="-1" href="#バージョン-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="16" height="16" class="inline align-baseline"><path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd"></path></svg></a></h2>
<pre class="language-json"><code class="language-json"><span class="token property">"next"</span><span class="token operator">:</span> <span class="token string">"12.1.5"</span><span class="token punctuation">,</span>
<span class="token property">"react"</span><span class="token operator">:</span> <span class="token string">"18.1.0"</span><span class="token punctuation">,</span>
</code></pre>


久しぶりの React。

最近リハビリで、Next.js をいじっていて、とりあえず Markdown のブログを作ろうと思いカタカタプログラミングを始めた。

とりあえず、Vercel が爆速でデプロイできることに驚いた。

ちびちびカスタマイズしていこうっと。

```ts
console.log("OK😄");
```

## バージョン

- 2022.06.16 canonical URL に対応
- 2022.05.13 ドラフト機能追加
- 2022.05.06 GTM GA4 設置
- 2022.05.05 OG IMAGE 自動生成追加
- 2022.05.01 サイト公開

## 参考サイト

- [Next.js でブログを作って、動的 OGP も用意した](https://shon0.dev/posts/8r_hksif024a/)
- [Create a Next.js App](https://nextjs.org/learn/basics/create-nextjs-app)

## バージョン

```json
"next": "12.1.5",
"react": "18.1.0",
```


Next.jsでブログを作った。

バージョン

参考サイト

バージョン