Next.js– tag –

ウェブサイトやウェブアプリケーションの見た目や操作感を決めるフロントエンド開発に欠かせないのが、フロントエンドフレームワークです。 フレームワークは開発を助けるためのツールで、いわば「設計図」のようなものです。 この「設計図」に従ってコー...

Next.jsのSSG (Static Site Generation) を活用してGitHub Pagesにデプロイする方法を学んでいきましょう。 本記事はGitHub Actionsを使ったCI/CD環境を設定する方法も包含しており、初心者でも理解しやすいように画像付きで詳細なステップバイステップの...

【Reactとは？】 ReactはFacebook社が開発したJavaScriptのライブラリで、VueやAngularと一緒によく比較されます。 ただし、厳密にはReactはフレームワークではなく、UI（ユーザーインターフェース）を構築するためのライブラリです。 Facebook、Instagram...

Next.jsの最新バージョン、すなわちバージョン13に、新たな機能が導入されました。その名も「appディレクトリ」です。これにより、ウェブ開発者の私たちは以前とは全く異なる方法でさまざまなタスクを実行できるようになります。 「appディレクトリ」とは...

フロントエンド界隈の最新情報を追いかけていると、Next.js 13 で導入された app ディレクトリについての記事をよく見かけるようになりました。 app ディレクトリとは、Next.js 13 から導入された App Router と呼ばれる新しいル...

この記事では、コード品質を高めるためのツールを導入したNext.jsプロジェクトのセットアップ方法を紹介します。 コードの自動整形や品質チェック、また自動化されたテストによる CI 環境などを設定することでコード品質を維持しながら、開発プロセスを効...

皆さん、ChatGPT 使っていますか？ 人気が出てから間も無く、API も公開されて企業や個人でも開発に使用する方が非常に増えていますよね。今回は Next.js と ChatGPT を組み合わせたチャットボットの作り方を丁寧に解説します。 最終的に以下のようなチャ...