「Next.js」に関連する技術ブログ
企業やコミュニティが発信する「Next.js」に関連する技術ブログの一覧です。
全266件中 61 - 75件目
RemixとConformで動的なフォームを作成する
2024/03/19
ブックマーク
はじめに こんにちは、クラシルリワードのサーバーサイドエンジニアのrakuです! 今回は趣味でRemixを使用した複雑なフォームの実装をする際に便利だった、React向けのtype-safeなフォームライブラリであるConformについてご紹介します。 Conformは、RemixやNext.jsでFormDataの検証をサーバーサイドでも簡単に実装できるため、これらのフレームワークとの相性が抜群です。そのた
Site Image Optimization with Lambda@Edge & Next.js
2024/03/15
ブックマーク
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
ハッカソン合宿制作記④ | ニフティ社内のブカツまとめサイトを作成しました!
2024/03/14
ブックマーク
こんにちは。ニフティ株式会社、新卒2年目の小林です。 弊社では新人のスキルアップを目的として、エンジニア定例と呼称される勉強会が毎年行われています。その集大成として開催された3日間の開発合宿、通称「エンジニア定例合宿」に参加しました。 詳細は「 4年ぶりのリアルハッカソン合宿@ノジマ大磯スクウェアに行ってきました! 」 をご覧ください。
レバウェルのCM放送後の急増ユーザーを受け止めろ!~API処理速度82倍向上の秘訣~
2024/02/27
ブックマーク
はじめに レバレジーズ株式会社 レバウェル開発部 バックエンドチームサブリーダーの山口です。 総合転職サービス「レバウェル」は 転職アドバイザー(転職エージェント) スカウトサービス 求人サイト を1つのサービスで利用できるアプリケーションです。 2024年2月よりCMを放送中です! youtu.be このマス広告を打つために、広告効果によって増加するユーザーとその
Next.js の API Routes から Amazon Virtual Private Cloud (Amazon VPC) 内のリソースにアクセスする方法
2024/02/26
ブックマーク
開発者はしばしば、 AWS Amplify Hosting にデプロイされた Next.js アプリケーションから、 Amazon Virtual Private Cloud (Amazon VPC) 内にデプロイされたリソースにアクセスする必要があります。 Amazon VPC を使用すると、お客様は隔離された仮想ネットワークでリソースを起動できます。しかし、開発者は、複雑なネットワークアクセス制御とセキュリティグループのために、Amazon VPC 内
生成AIを活用してアイデアからソースコードまで自動生成しウェブサイトを作成してみた
2024/02/22
ブックマーク
はじめに
Nuxt3へのアップグレードに向けた挑戦
2024/02/16
ブックマーク
はじめに はじめまして。DELISH KITCHEN開発部の羽馬( @naokihaba )と申します。 私が所属するDELISH KITCHEN開発部では、現在Nuxt3へのアップグレードに向けた取り組みを進めています。 この記事では、私たちが行っているNuxt3へのアップグレードに向けた取り組みについて紹介いたします。 移行背景 私が所属するDELISH KITCHEN開発部では、いくつかのプロダクトでNuxt.jsバージョン2.x
【Next.js】React Hook FormとYupを使って入力フォームを実装してみた。
2024/02/07
ブックマーク
はじめに
Promoting Output in Tech Blog
2024/01/19
ブックマーク
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
リリース頻度を毎週から毎日にしてみた
2024/01/19
ブックマーク
目次 目次 はじめに NeWork とは リリース頻度変更の背景 それまでの運用 課題 実現方法 解説 日次でワークフローが起動するようにする main ブランチの HEAD にタグが付与されていなければ付与する develop に差分があれば main へのマージを自動で行う 細かな工夫点 main の内容を develop に自動で取り込む 祝日はリリースしないようにする 自動リリース・自動 develop → main マー
【Jest】モック関数の使い方を用途ごとにまとめてみた。
2024/01/11
ブックマーク
はじめに
microCMS × Next.js でのキャンペーン LP 制作効率化
2023/12/22
ブックマーク
はじめに こんにちは。DELISH KITCHEN 開発部の村上です。 この記事は every Tech Blog Advent Calendar 2023 の 22 日目です。いよいよ長く続いたアドカレも終盤になりました。これまで投稿された他の記事もリスト化されているのでぜひ見てみてください!! さて今回はエブリーで運営しているキャンペーンの LP 開発においてヘッドレス CMS の microCMS と Next.js を用いた効率化に取り組
Next.js14とmicroCMSでCRUDの実装
2023/12/22
ブックマーク
概要 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 開発
2023/12/20
ブックマーク
はじめに Hygenとは? Hygen を用いて解決したいこと 導入方法 install 初期化 対話型コードジェネレーターの作成 新規ジェネレーターの作成 プロンプトの作成 テンプレートファイルの作成 実際に使ってみる 感想 参考 はじめに こんにちは、 retail HUB で Software Engineer をしているほんだです。 この記事は、every Tech Blog Advent Calendar 2023 tech.every.tv 20 日目の記事です。他にもたく
Jamstackで静的サイトが生成されるしくみをエンジニア以外の方にも伝わるように構成要素からわかりやすく説明してみた
2023/12/19
ブックマーク
この記事は「 株式会社メンバーズ Jamstack研究会主催 Advent Calendar 2023 」の17日目の記事です。