Next.jsで個人サイトを立ち上げた
個人サイトの URL
まだ雛形状態です。
経緯
今回自分の個人サイトを立ち上げるに至ったのは、普段学習していることの成果として目にみえる開発物が欲しいこと、このサイトを改良したり新機能をつけたりする中で必ず学習しながら進めるため自身の勉強になること、せっかくなら学んだことを記事として発信していけること、これらをちょうどよく全て実現できるので開発を始めました。
やったこと
Next.js の Example にあるテンプレートを使用してまずは個人サイトの雛形を vercel にデプロイしました。
ESLint、Prettier、husky によるコミット前のチェックを行えるように、以下の記事を参考にセッティングを進めました。
初期構築の過程も今度記事にしようと思います（この初回記事に追記という形で）が、記事を書くのでそれなりに時間を使いそうなので今度改めて時間を見つけて書きます。
今後の展望
サイトの機能改良、新機能開発したいことがいろいろあるので、現状で開発を行いたいことを以下に記載します。
-
ナビゲーションバー
全ページの上部にナビゲーションバーが固定で表示されるようにしたい.
また、自分が表示させたいだけのリンク項目で作成する。 -
ホーム画面のレイアウト
プロフィール、作品、ブログを 1 つ(残りは別ページで表示して別ページへのリンクのみ)表示させるようにしたい -
スタイル変更
画像の差し替えや文字の大きさや配置なども変更したい -
データベース連携
md ファイルに記事データを作成してローカルにファイル保存しているため、外部のサーバーに保存したものを取り出して表示できるようにする。 -
記事の投稿機能
CMS 連携をして投稿機能を追加したい。 -
お問い合わせ機能
Contact ページからメールを送れるようにする。
これから少しずつサイトを自分の手で改造していきながら、途中過程をブログ記事の内容にして執筆していきたいです。
Discussion