サイトを作った
新しくnuskey名義のブログ兼ポートフォリオサイトを作りました。
nuskey名義に変えてからは主にZennに記事を投稿してきましたが、最近はこっちの名義がメインになってきたこともあり、そろそろ新しいサイトが欲しいなーと。
ドメインをnuskey.mdで取ったので、それに合わせてMarkdown風のデザインにしてみました。結構いい感じになってるんじゃないでしょうか。
技術構成
- Next.js
- React
- TailwindCSS (スタイリング用)
- react-markdown (記事の表示に利用)
- Vercel (デプロイ先)
構成はこんな感じです。普段はVite+ReactでSPAばっかり作ってますが、Next.jsだとSSGが楽にやれていいですね。
記事の集約
ちょっと面白いのがメインページの記事一覧画面で、このサイトの記事だけでなく、Zennやnote、Docswellなどの記事も集約して表示しています。
割と自分は気分次第で色々なところに記事を書き散らしがちなので、一覧がまとめて見れるのは結構便利なんじゃないかな、と。
このサイトの用途
まずはポートフォリオ的な用途として。最近はWebアプリやライブラリの開発がメインなので、その辺りの作品をまとめておきたかったのはあります。
そしてもう一つがブログですが、こちらはマニアックな話を好き勝手書き散らしたいときに使おうかと考えてます。発信目的の技術記事はZennに、イベントの参加やサービスの宣伝等はnoteに、自分が書きたいだけの記事はこちらに、という使い分けです。結局面倒になって全部Zennに投げることになるかもしれませんが...
テスト
せっかくなので、Markdownのテストもここでしておきます。
H1
H2
H3
H4
- A
- AA
- AB
- B
- C
inline
bold
italic
quotes
fn main() {
println!("hello!");
}
まとめ
というわけで改めて、新しいサイトの方もよろしくお願いします。