ブログ作りました

10/27/2020
#other
#Next.js
#MDX

はじめに

こんにちはDuGlaserと申します。普段はフロントやサーバー周りをいじっています。 簡単なことでもいいので技術的なことを発信できたらなと思っています。

MDX + Next.js

Markdownはメモを取ったりするには最適なものだと思っています。しかし、ブログなどになると少しデザインを弄りたかったりなど個人的には不満点が多かったです。

そこで今回はMDXを使ってブログを作りました。

MDXとはMarkdownの中でjsxを記述できるようになるものです。

具体的には以下のように記述することでMarkdonwの中にButtonを入れたりすることができます。(今回はやりませんが)

1import CustomButton from './Button'
2
3## Button Sample
4
5<CustomButton />

Next.jsを採用した理由としては個人的に好きだったからです。別にGatsby.jsとかでも同じようなことはできると思います。

また、今回は最近何かと名を聞くTailwind CSSを使ってみました。個人的にはまだ良さがわかっていないので今後色々使って行ってみたいです。(今はまだBootstrapと何が違うんだ?程度にしか思っていない)

終わりに

こんな感じに雑に色々書いていこうと思います。