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

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

RemixとConformで動的なフォームを作成する

はじめに こんにちは、クラシルリワードのサーバーサイドエンジニアのrakuです! 今回は趣味でRemixを使用した複雑なフォームの実装をする際に便利だった、React向けのtype-safeなフォームライブラリであるConformについてご紹介します。 Conformは、RemixやNext.jsでFormDataの検証をサーバーサイドでも簡単に実装できるため、これらのフレームワークとの相性が抜群です。そのた

Site Image Optimization with Lambda@Edge & Next.js

Introduction Hello I'm Nakahara who is in charge of frontend development for KINTO ONE (Used Vehicles) at KINTO Technologies. KINTO ONE (Used Vehicles) is an e-commerce site for leasing again vehicles that were once leased through KINTO ONE before, allowing users to check information on actual vehicles in stock, complete the contract process, and manage their contracts. KINTO ONE (Used Vehicles) Website Despite the extended delivery times for new vehicles, this service comes highly recommend

 ハッカソン合宿制作記④ | ニフティ社内のブカツまとめサイトを作成しました!

 こんにちは。ニフティ株式会社、新卒2年目の小林です。  弊社では新人のスキルアップを目的として、エンジニア定例と呼称される勉強会が毎年行われています。その集大成として開催された3日間の開発合宿、通称「エンジニア定例合宿」に参加しました。  詳細は「 4年ぶりのリアルハッカソン合宿@ノジマ大磯スクウェアに行ってきました! 」 をご覧ください。

レバウェルのCM放送後の急増ユーザーを受け止めろ!~API処理速度82倍向上の秘訣~

はじめに レバレジーズ株式会社 レバウェル開発部 バックエンドチームサブリーダーの山口です。 総合転職サービス「レバウェル」は 転職アドバイザー(転職エージェント) スカウトサービス 求人サイト を1つのサービスで利用できるアプリケーションです。 2024年2月よりCMを放送中です! youtu.be このマス広告を打つために、広告効果によって増加するユーザーとその

Next.js の API Routes から Amazon Virtual Private Cloud (Amazon VPC) 内のリソースにアクセスする方法

開発者はしばしば、 AWS Amplify Hosting にデプロイされた Next.js アプリケーションから、 Amazon Virtual Private Cloud (Amazon VPC) 内にデプロイされたリソースにアクセスする必要があります。 Amazon VPC を使用すると、お客様は隔離された仮想ネットワークでリソースを起動できます。しかし、開発者は、複雑なネットワークアクセス制御とセキュリティグループのために、Amazon VPC 内

Nuxt3へのアップグレードに向けた挑戦

はじめに はじめまして。DELISH KITCHEN開発部の羽馬( @naokihaba )と申します。 私が所属するDELISH KITCHEN開発部では、現在Nuxt3へのアップグレードに向けた取り組みを進めています。 この記事では、私たちが行っているNuxt3へのアップグレードに向けた取り組みについて紹介いたします。 移行背景 私が所属するDELISH KITCHEN開発部では、いくつかのプロダクトでNuxt.jsバージョン2.x

Promoting Output in Tech Blog

Introduction My name is Rina ( @chimrindayo ) and I’m involved in development and operation of Mobility Market and operation of Tech Blog at KINTO Technologies. I mainly work as a frontend engineer using Next.js. I'm excited that Oden season is here🍢 and this year I’m looking forward to Tomato Oden! 🤤 At KINTO Technologies, we do our best to provide company-wide support for the output of acquired knowledge and skills , such as presenting at external events and posting on the Tech B

リリース頻度を毎週から毎日にしてみた

目次 目次 はじめに NeWork とは リリース頻度変更の背景 それまでの運用 課題 実現方法 解説 日次でワークフローが起動するようにする main ブランチの HEAD にタグが付与されていなければ付与する develop に差分があれば main へのマージを自動で行う 細かな工夫点 main の内容を develop に自動で取り込む 祝日はリリースしないようにする 自動リリース・自動 develop → main マー

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 日目の記事です。他にもたく
技術ブログを絞り込む

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

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