szn.jpのサムネイル

szn.jp

2024-03-07

#web #design

szne のホームページです。

使用したもの

  • Next.js

このサイトについて

私のポートフォリオサイト兼next.js練習用に作成したサイトです。 CSSフレームワークはよくわからなかったので使いませんでした、、 デザインは昔作ったサイトを参考にしつつ、よりモダンなデザインとなるように作成しました。

ソースコード(GitHub)

こだわったところ

  • ダークモード対応
  • レスポンシブデザイン
  • トップページのロゴ
  • その他にもいっぱい

改善したいところ

  • Gitの使い方
  • CSSの上手な使い方
  • ディレクトリ構成他

Gallery

パソコンから見た際のトップページパソコンから見た際のトップページ

パソコンから見た際の作品紹介ページパソコンから見た際の作品紹介ページ

ダークモードでのトップページダークモードでのトップページ

スマホ画面から見た自己紹介ページスマホ画面から見た自己紹介ページ