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

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

新卒エンジニアが経験した研修とスクラムの世界 | 2023年度新卒入社エントリ

ご挨拶 はじめまして! 2023年4月よりスマートキャンプに23卒として入社しました小宮です。 社内ではリーブスと呼ばれています。学生時代のインターンでもジェネシスと呼ばれていたので、なんかカタカナ系のあだ名が多いです。 自分について文章を書くのは苦手ですが、とりあえず書いていきたいと思います。 自己紹介 出身地は東京の蒲田で、東京の住みたくない

【MIIDAS Tech LIVE #2】を開催しました

こんにちはミイダス Tech Officeです。 ミイダス株式会社のテックチームが直近で開発した機能を現場のエンジニアから共有する「 MIIDAS Tech LIVE 」 第2回目の開催となる今回は3つのリリース情報をお届けしました。 採用マッチングサービス「ミイダス」は、独自の診断ツールで採用のミスマッチを減らす中途採用サービスです。メインの採用関連の機能に加え、診断や研修、

KINTOテクノロジーズのテックブログにおけるインナーソースの取り組み(祝1周年🎉)

はじめに KINTOテクノロジーズでモビリティマーケットの開発・運用を担当しているリナです! 普段はフロントエンドエンジニアとして、Next.jsを用いて実装しています。 またテックブログの運営チームとして、記事のリリース管理なども行っています。 最初の記事 をリリースしてから早いもので、1年が経ちました🎉 今回はテックブログ公開1周年を記念して、テックブ

2023 JSNationとReact Summit参加レポート in オランダ・アムステルダム

こんにちは、ブランドソリューション開発本部フロントエンド部の田中です。普段はWebのフロントエンドエンジニアとして、FAANSのWebの開発を行なっています。 FAANSとは「Fashion Advisors are Neighbors」がサービス名の由来で、ショップスタッフの効率的な販売をサポートするショップスタッフ専用ツールです。 ショップスタッフ向けにコーデ投稿・成果確認などの機能が存在

【イベントレポート】ZOZO Tech Meetup〜ZOZOTOWNフロントエンドリプレイスの事例紹介〜を開催しました!

はじめに こんにちは。DevRelブロックの @wiroha です。6月8日に ZOZO Tech Meetup〜ZOZOTOWNフロントエンドリプレイスの事例紹介〜 を開催しました。ZOZOTOWNを支える開発において「フロントエンドリプレイス」にフォーカスした技術選定や設計手法、設計時の考え方などを具体的な事例を交えながら紹介するオフラインイベントです。 登壇内容まとめ ZOZOのエンジニアと技術顧問の

Next.js × NextAuth × Prisma × VercelPostgresで構築するモダン認証機能システム

はじめに 認証機能を一から作成したいと思い、Next.jsとNextAuthを使ったGithub認証機能の実装を行ったので、その手順を記事していきます。ユーザーデータ管理にPrismaを、データベースはVercelPostgresを使用しています。 ソースコード 実装したサンプルデータは下記リポジトリに格納しています。 https://github.com/MASAKi-cell/next-vecelPsotgres-app バージョン情報 今回実装したバージョ

Next.js で React Server Components を試してみた

こんにちは、フォルシアエンジニアの籏野です。 先日Next.js 13.4が発表され、App Router が Stable 版になりました。 App Router では最新の React の機能を利用することが可能になっており、その中でも特に注目したいのが React Server Components です。 これまでの Next.js では SSR 時にフェッチしたデータを利用する場合、getServerSidePropsやgetStaticPropsを利用していました。 これらの関数で

Next.jsアプリケーションにMicrosoft Clarityを導入してユーザーエクスペリエンスを向上させよう!

こんにちは!フロントエンドエンジニアのつかじです。 今回はNext.jsアプリケーションに Microsoft Clarity を導入してみたいと思います。Microsoft Clarityは、ユーザーエクスペリエンスを向上させるための無料の分析ツールです。このツールを使って、ユーザーの行動を理解し、アプリケーションのパフォーマンスを最適化しましょう。 なぜMicrosoft Clarityを導入するのか? Microsof

Astro × microCMS × Vercelで構築するモダンブログの作り方 完全ガイド

はじめに エンジニアになってから、個人ブログでさまざまな記事を書いてきましたが、そろそろリプレイスしたいと考え、Astroでシンプルなブログサイトを作成してみました。その作成手順について記事にしていきます。データ管理はmicroCMSを使用し、サイトのホスティングはVercelで構築しています。 作成したもの 作成した記事を一覧で表示するシンプルなデザインにし

【MIIDAS Tech LIVE #1】を開催しました

こんにちはミイダス Tech Officeです。 ミイダス株式会社のテックチームが直近で開発した機能を現場のエンジニアから共有する「 MIIDAS Tech LIVE 」 第1回目の開催となる今回は3つのリリース情報をお届けしました。 採用マッチングサービス「ミイダス」は、独自の診断ツールで採用のミスマッチを減らす中途採用サービスです。メインの採用関連の機能に加え、診断や研修、

10年続くWEARにおける、デザインシステム事始め

こんにちは、WEAR Webフロントエンドチームの吉田と大脇です。 現在 WEAR ではNext.jsでのリプレイスが進行中です。今回はリプレイスのデザイン面における課題と解決に向けて行った取り組みを紹介します。 リプレイスの経緯や技術選定については、弊社の藤井の記事をご覧ください。 techblog.zozo.com 10年の歴史のあるアプリケーションと向き合う リプレイスにおける課題 他

新卒エンジニアがリファクタを突貫したClean Architectureプロジェクトの舞台裏

プロダクトエンジニアリング部の小林です。 2022年4月に新卒として入社し、アプリケーションエンジニアとしてバックエンドからフロントエンドまで幅広く開発を行っています。 この記事では、配属されたチームで取り組んだリファクタリングをどのように行ったか、その舞台裏について紹介します。 プロジェクトの技術選定と背景 技術選定 Clean Architecture x Next.js x TypeSc

Amplify Hostingのマルチアカウント移行

SREチームのクラシマです。 クラスメソッドメンバーズ組織管理プランへ移行して、IAM Identity Center + Google アカウントで AWS アカウントにSSOできてサイコーな日々です。 さて。 これまで、1アカウントに本番環境・ステージング環境・QA環境が詰め込んでいたのですが、権限の分離やコストの把握の観点からマルチアカウント移行を実施しました。 terraform管理外のリソースな

転職サービスミイダスの機能改善に伴うバックエンドアーキテクチャと性能改善への挑戦

ミイダスでは2022年の11月末から12月初旬に「ニューワールド」プロジェクトのリリースを行いました。「ニューワールド」は、転職サービス「ミイダス」での活動をさらに効率的にするための機能改善プロジェクトです。このプロジェクトに伴い、バックエンドの構成も大きく変え、サービス全体の性能改善にも取り組みました。そのプロジェクトの全貌についてリードを

TypeDocでもNext.js製サイトのドキュメントが書きたい

こんにちは、気づけば入社してから3年目も終わろうとしている宮本です。先日は、NIFTY Tech Talk #9 「SvelteKit, Next.jsの導入事例紹介など 〜ニフティのフロントエンドの今とこれから〜」で担当している @nifty トップページのNext.js化について話してきました。当日ファシリテーターをしていた筑木くんの紹介記事がすでに掲載されているので、ぜひご覧ください! 紹介記事:
技術ブログを絞り込む

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

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