😸

自分のサイト作成-遍歴001

2024/04/04に公開

自分のサイト作成の備忘録

技術選定

  • Nuxt.js 3

現状はNuxt3に、いくつかのライブラリを導入して作成中
理想とするところは、APIサーバーやヘッドレスCMSなどの連携もしていきたい。

Nuxt3を選んだ理由は、仕事でReactを使用する頻度が高いものの
別の技術スタックにも触れていきたいことと、MVCモデルライクに書けそう
などの理由からNuxtを選定した。

ライブラリ

Nuxt3では組み込みで入っているライブラリなどもあり、導入が非常に楽であった。

設定および、導入したもの一覧

  • Nitoro
  • PostCSS
  • Vite
  • ESLint
  • Prettier
    • ESLintによるチェックとPrettierによるフォーマットの議論がされていたようだが、フォーマットもESLintに任せるようになっていたため導入をしていない。
  • Stylelint
  • Vitest
  • SCSS
  • TailwindCSS
  • Vuetify

まだまだ、使いこなせていないが、エラーなどが出ない感じになっている。
躓いたポイントとしては、Stylelintがちょっとしたことでエラーになったり、.vueファイルにダミーでもスタイルの記述が無いとエラーになる。
その他は、公式ドキュメントに従うことで概ね問題なく導入することができた。

開発状況

現在は、ホームページの作成がおおむね完了
ヘッダー、フッターのコンポーネントを作成していく。

備考s

見よう見まねでサイトの作成をやっているが、サイト作成におけるセオリーについて調べたい。

GitHubで編集を提案

Discussion