Next.jsに関する記事一覧
【Next.js】Supabaseを使ってデータのやり取りを実装する
本業ではバックエンドをメインに扱っているのでNext.jsを学んでいると「データベースはどうしたらいいの」がなかなか難しい。（選択肢が多いし、何が良いのかよくわからない）今回はsupabaseというBaaSを使ってデータベースを構築してみる。
【Next.js】shadcn/uiを使ってオシャレなアプリを爆速で作る
shadcn/uiとは、カスタマイズ性に優れたUIコンポーネントの集まりです。 特筆すべきはコンポーネントライブラリではない点です。 従来のコンポーネントライブラリは概ね npmパッケージ として配布されておりそこで管理されますが、shadcn/uiはnpmの依存関係に影響しません。
【Next.js】CSSモジュールを使って管理を楽にする
CSS Modulesは、各コンポーネントに対してスコープを適用し、他のコンポーネントから隔離されたスタイルを提供するスタイリング方法の一種です。 CSS Modulesでは、クラスセレクターがユニークになるように変換することで、クラスセレクター同士が被らないようになっています。
【簡単】Next.jsをインストールしてVercelにデプロイする
普段の業務ではLaravelでの開発がメインでフロントはズブの素人。よく耳にするNext.js,Vercelというワードがどのようなものなのかを実際に体験してみる。全体像はまだ見えていないのでハンズオンで進めながらイメージを掴んでいく。プロジェクト作成~デプロイまで簡単に実現できた。とても簡単でした！