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

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

Next.js × ECS(Fargate)で実現するSSRデプロイの裏側

はじめまして。 アルサーガパートナーズ株式会社でサーバーサイドエンジニアをしております、yokoiと申します。 今回はとあるPJにてNext.jsを使用したSSR構成を採用することがあったため、SSRデプロイに関するノウハウをまとめるため、筆を取らせていただきました。 はじめに 今回の記事では主にSSRデプロイに際してハマった部分に焦点を当てて解説していきたいと思い

「Jamstack研究会主催 Advent Calendar 2023」開催のお知らせ

こんにちは。ルーツカンパニーの渡邊です。 もうすぐ12月、12月といえばクリスマス、クリスマスといえば… そう、 エンジニアの一大イベント、Advent Calendarですね! 今年はメンバーズでもAdvent Calendarイベントを開催します! Jamstack研究会主催 Advent Calendar とは?

microCMS + Next.js 14でブログページを作ってみた

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

アドベントカレンダー2023のお知らせ

自己紹介 KINTOテクノロジーズでモビリティマーケットの開発・運用を担当しているリナです。 普段はフロントエンジニアとして、主にNext.jsを用いて実装しています。 最近のマイブームは、Minecraftです🎮今更始めました。 さて、KINTOテクノロジーズは今年もアドベントカレンダーを実施します🎄 今回の記事では、昨年よりアップグレードしたKINTOテクノロジーズ Advent Cale

AWS Amplify Hosting のワイルドカードサブドメインをマルチテナントアプリで利用する

AWS Amplify Hosting における、Amplify アプリでカスタムドメインを使用する際のワイルドカードサブドメインの一般提供を発表することができ嬉しく思います。これは、Software as a Service (SaaS) やマルチテナントプラットフォームで、ユーザーにカスタマイズされた体験を提供する開発者にとって重要です。 この新機能は、静的アプリ、シングルページアプリケーション (SPA)、Next

Next.js と Amplify を活用した製品ロードマップアプリの構築

本記事では、私たちがロードマップを公開している自動車会社であると想像してみましょう。私たちには世界中のユーザーがいて、車載エンターテイメントシステムにどのような機能が提供されたかを定期的にチェックしています。 ここでは、プロダクトマネージャーがログインしてロードマップを更新し、ロードマップページに反映させるための管理ページを構築しま

TypeScript と Amplify JavaScript v6 を利用して Next.js アプリを構築する

AWS Amplify JavaScript Library の v6 の一般公開を発表できることを嬉しく思います。このリリースには、コミュニティから要望の多かった改善点や機能が多数含まれています。このリリースでは、バンドルサイズが大幅に縮小され、TypeScript のカバレッジと型サポートが強化され、セキュアランタイムトークンのサポートが強化され、Next.js App Router と Server Actions が完全にサポー

DynamoDBからRDSへのデータ移行時にテーブル間のリレーションを解決する方法

みなさんこんにちは、X(クロス) イノベーション 本部 ソフトウェアデザインセンターの鈴木です。 データベースに Amazon DynamoDB を採用しているWebアプリケーションを、 Amazon RDSを採用したWebアプリケーションにリプレイスしている際に、データ移行で苦戦したことを記事に残します。 背景 実現したいことと、苦戦したこと 実現したいこと アプリケーションとテーブ

DynamoDBからRDSへのデータ移行時にテーブル間のリレーションを解決する方法

みなさんこんにちは、X(クロス) イノベーション 本部 ソフトウェアデザインセンターの鈴木です。 データベースに Amazon DynamoDB を採用しているWebアプリケーションを、 Amazon RDSを採用したWebアプリケーションにリプレイスしている際に、データ移行で苦戦したことを記事に残します。 背景 実現したいことと、苦戦したこと 実現したいこと アプリケーションとテーブ

やっとわかる!Next.js App Routerのcacheにおけるrevalidateと苦戦した話

こんにちは。ココナラテックエージェントの開発をしているエンジニアのみんです。 新技術が常に登場しているフロントエンドの開発で、時代の波に乗り、キャッチアップすることが我々エンジニアの使命です。 ココナラテックエージェントのフロントエンドは Next.js アプリケーションです。2023年の9月から、App Routerへの移行を始めています。 つい9月末に、ココナラテ

家がクリニックに!? レバレジーズが挑んだ新規事業「レバクリ」開発の裏側を大公開

はじめに  こんにちは。レバレジーズ株式会社システム本部の田中です。  2022年11月から新規事業の立ち上げメンバーとして開発業務に携わっており、2023年6月に レバクリ をリリースしました。社内では初となる大規模かつ決済を伴うtoCサービスであり、様々な挑戦をしながら開発を進めてきました。  レバクリは「あなたの自宅をクリニックにする」をコンセプトに

歯科医院の業務効率を高める Dentis のサブカルテ機能開発について聞く

はじめに みなさん、こんにちは。エンジニアの新居です。今回は今年の 3 月にリリースされた Dentis のサブカルテ機能について、開発したメンバーに話を聞いてみました! 対談メンバー紹介 Dentis 開発メンバーの紹介 新居 : よろしくお願いします。早速ですが、メドレーに入社するまでや、入ってからどんな事をしていたのかを話してもらえればと思います。 前田 : CLINICS

20年来のWebサービスを支える開発現場を体験した話【インターンシップ@Ameba】

  こんにちは、2023年の8月に「CA Tech JOB」生としてインターンシップに参加 ...

React開発におけるアクセシビリティのチェックツールの紹介

こんにちは!フロントエンドエンジニアのつかじです。 今回は、私がReact開発で普段利用しているアクセシビリティのチェックツールについてご紹介したいと思います。 アクセシビリティとは アクセシビリティとは、情報へのアクセスを全ての人が平等に行うことができる状態を意味します。ウェブアクセシビリティは具体的には、視覚・聴覚などの障害を持つ人々や、

Next.js を用いたマルチテナント・マルチサービス開発

はじめに はじめまして、2023 年 4 月から新卒入社し retail HUB で Software Engineer をしているほんだ( @hon_d7174 )です。Go が好きです! 現在、私たちは Next.js を使用して新規プロダクトを開発しています。このブログでは、私たちが取り組んでいるプロジェクトの中で工夫した点についてお話ししたいと思います。 また、既存のプロダクトを Next.js 13 へ移行した際の流れや工夫に
技術ブログを絞り込む

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

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