こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 MUIとは MUIの導入 前提条件 インストール手順 package.jsonを利用したインストール 基本的な使い方 1. ボタン（Button） 2. テキストフィールド（TextField） 3. アイコ…

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、Next.jsの入門ガイドを紹介します。 Next.jsとは？ Next.jsの概要 Reactとの関係性 Reactの基本情報 Next.jsの特徴 各種レンダリング手法 ファイルシステムベース…

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、Next.jsのApp Routerのファイル構成について解説します。 App Routerについて ファイル規則 page.jsについて ルーティングの基礎 サンプルコード layout.jsについ…

こんにちは、アプリケーションサービス部ディベロップメントサービス1課の外崎です。 今回は、Vercelの開発環境について紹介します。 Vercelとは？ Vercelの特徴 他のホスティングサービスとの違い Vercelへの登録方法 ステップ1: Vercelの公式サイトにアク…

こんにちは、屋根裏エンジニアの折戸です。 今回はNext.jsアプリケーションをCI/CDするための設定手順についてのご紹介です。 構成 前提 事前準備 ミドルウェア ローカル環境へNext.jsアプリケーションを作成 npxコマンドでNext.jsアプリケーションを作成 np…

こんにちは、屋根裏エンジニアこと 技術1課の折戸です。 屋根裏併設のバルコニーにもとうとう雪が降りました⛄ いよいよ暖房器具の購入を検討したほうがいいかもしれません。 今回は AWS Amplify ホスティングでNext.jsアプリケーションをホスティングしてみ…