「Next.js」に関連する技術ブログ

企業やコミュニティが発信する「Next.js」に関連する技術ブログの一覧です。

microCMS × Next.js でのキャンペーン LP 制作効率化

はじめに こんにちは。DELISH KITCHEN 開発部の村上です。 この記事は every Tech Blog Advent Calendar 2023 の 22 日目です。いよいよ長く続いたアドカレも終盤になりました。これまで投稿された他の記事もリスト化されているのでぜひ見てみてください!! さて今回はエブリーで運営しているキャンペーンの LP 開発においてヘッドレス CMS の microCMS と Next.js を用いた効率化に取り組

Next.js14とmicroCMSでCRUDの実装

概要 Next.js14がリリースされたので、CRUDの動作確認までやってみました。 安定版になったServerActionsもお試しで使ってます。 内容はNext.js × microCMSでシンプルなTodoAppの作成です。 環境 macOS: 14.1 Next.js: 14.0.2 Node.js: 18.18.2 プロジェクトの作成 下記のコマンドを実行してプロジェクトを作成します。 npx create-next-app@latest ServerActionsを試すため、AppRouterを使用します。 ✔ What is your

Hygen で加速する Next.js App Router 開発

はじめに Hygenとは? Hygen を用いて解決したいこと 導入方法 install 初期化 対話型コードジェネレーターの作成 新規ジェネレーターの作成 プロンプトの作成 テンプレートファイルの作成 実際に使ってみる 感想 参考 はじめに こんにちは、 retail HUB で Software Engineer をしているほんだです。 この記事は、every Tech Blog Advent Calendar 2023 tech.every.tv 20 日目の記事です。他にもたく

Next.js × Auth.js(NextAuth) × Cognitoでカスタムログイン画面を作成しセッション管理をする

! こちらの記事は、アルサーガーパートナーズアドベントカレンダーの19日目の参加記事です。 他の記事は下記リンクをご参照ください。 https://qiita.com/advent-calendar/2023/arsaga 環境 ライブラリ・フレームワーク・言語 バージョン next 13.4.19 react 18.2.0 react-dom 18.2.0 typescript 5.2.2 next-auth 4.24.5 @aws-sdk/client-cognito-identity-provider 3.454.0 ※Next.js

Lambda@Edge & Next.jsによるサイト画像最適化

はじめに こんにちは KINTO テクノロジーズで KINTO ONE(中古車) のフロントエンド開発を担当している中原です。 KINTO ONE(中古車) は KINTO ONE でのリースアップ車両を再度リース契約いただくための EC サイトとなっており、実際の在庫車両情報の確認や契約までの手続き、契約の管理などができるようになっています。 KINTO ONE(中古車)サイト 新車の納期が長期化して久しいです

Nuxt.js v2製のブログサイトをNext.js(App Router)に移行してみた

この記事は、「 株式会社メンバーズ Jamstack研究会主催 Advent Calendar 2023 」の 8日目の記事です。

microCMS + Next.js 14 Server Actionsでお問い合わせフォームを作ってみた

この記事は「 株式会社メンバーズ Jamstack研究会主催 Advent Calendar 2023 」の18日目の記事です。

一休レストランで Next.js App Router から Remix に乗り換えた話

このエントリーは 一休.com Advent Calendar 2023 の15日目の記事になります。 CTO 室の恩田です。 現在は 一休レストラン のフロントエンドのリアーキテクトを手がけています。 今日はその中で Next.js App Router から Remix に乗り換えた話をご紹介したいと思います *1 。 背景 6日目 の記事で香西から紹介させていただきましたが、2023年10月に 一休レストラン のスマートフォン用レ

Advent Calendar 2023 Announcement

Introduction Hi, I am Rina, and I work in the development and operation of “mobility market”, one of our products at KINTO Technologies. I mainly work as a frontend engineer using Next.js. My hobbies include gaming and I recently started getting into Minecraft 🎮. It’s that time of the year again when KINTO Technologies will start with the Advent Calendar 🎄. In this article, I will break down the changes in our 2023 version, upgraded from last year! Past Advent Calendars This year&#39

業務システム SPA のフロントエンド技術選定(2023年版)

本エントリは カケハシ Part 2 Advent Calendar 2023 の13日目の記事です。 ( Part 1 もおもしろい記事がいっぱいあるので、ぜひご覧ください。) はじめに こんにちは。カケハシでソフトウェアエンジニアをしている平松です。 今年、新規プロダクト立ち上げの機会があり、その際に行ったフロントエンドの技術選定について紹介したいと思います。 フロントエンドの領域は選

AWS Amplify と Face Liveness で正しいユーザーを検出する

なりすましや悪質業者の世界では、 AWS Amplify と Amplify UI FaceLivenessDetector コンポーネントが、本物のユーザーによってアプリが使用されているか確認するのに役立ちます。この一連のコンポーネントライブラリは、 Amazon Rekognition Face Liveness の機能を利用しています。機械学習や人工知能 (AI) の経験は必要ありません。 この完全にマネージドな機能は、なりすましを検出す

フロントエンドチームで今年やったこと100

はじめに この記事は 株式会社エス・エム・エス Advent Calendar 2023 の 10 日目の記事です。 カイポケリニューアルプロジェクトでエンジニアリングマネージャーをしている @hotpepsi です。 フロントエンドのチームが本格的に立ち上がってから一年ほど経過しました。現在では二つのフロントエンドチームが日々活発に開発しており、多くの時間は、アプリケーションコードを

Next.jsでのレガシーブラウザとの戦い

この記事は、 ニフティグループ Advent Calendar 2023 10日目の記事です。 こんにちは。会員システムグループでエンジニアをしている山田良介です。 私の担当するシステムではNext.jsへのシステムリプレースを行い、順調に稼働しています。開発効率向上、テスタビリティの向上など恩恵が大きい一方で、ブラウザサポートの面で課題も見えてきました。 Next.js化での課題 React
技術ブログを絞り込む

TECH PLAY でイベントをはじめよう

グループを作れば、無料で誰でもイベントページが作成できます。情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?