ブログ始めました

Next.js+tailwind のブログを最速で公開する

Next.js + TypeScript + Tailwind + MDX のブログ

• Next.js
  • Next.js の知見を貯めたい
• TypeScript
  • TypeScript じゃなくても良かったがわざわざ JavaScript を書きたくなかったので
• Tailwind
  • ちゃんと使ったことなかったのでとりあえず興味本位で
• MDX
  • MDX = Markdown + JSX 公式: https://mdxjs.com/
  • jsx を import する機会があるか分からないがとりあえず

全然本質的じゃないが選定はこんな感じ

一番重要なのはシンタックスハイライトと github みたいなコードブロックが書けること

全く拘りがないのでスターターキットが欲しくてググっていると tailwind-nextjs-starter-blog という repository を発見

Quick Start Guide を見ると community support で typescript があったのでそちらを採用

サンプルの不要な .md ファイルがあるので削除

後は github にあげて vercel で deploy するだけ！！

コードブロック、インラインハイライトは下記のようにいい感じに書ける

Code Blocks

Javascript code

var num1, num2, sum
num1 = prompt('Enter first number')
num2 = prompt('Enter second number')
sum = parseInt(num1) + parseInt(num2) // "+" means "add"
alert('Sum = ' + sum) // "+" means combine into a string

inline highlighting sum = parseInt(num1) + parseInt(num2)