Next.jsでライブラリを使って、mdファイルをアップロードするブログを作ろう！

初記事です。yukiです。今回はNext.jsのライブラリを使って誰でも超簡単にブログを作る方法をまとめたいと思います。まずはNext.jsとtemplateをインストールします。

npx create-next-app --example ブログ名 blog-starter-typescript-app
# or
yarn create next-app --example ブログ名 blog-starter-typescript-app

これだけでブログはほぼ完成です。こんな感じのブログができます。(このブログの元ですね)

あとはデザインや使い方を学べばOKになります。

記事の追加とデザイン

まず記事の追加は_postsディレクトリにmdファイルを追加してあげるだけで自動で記事は追加されます。

また、細かなデザインの変更が行いたい場合は、componentsの中から該当部分を見つけ、変更部分にCSSをを追加してあげるだけでOKです。 また、このフレームワークはtailwindを使用しているので、tailwindのタグも使用できます。

参考になれば幸いです。