Wiz テックブログ

Wizは、最新のIoTやICTサービスをお客様に届ける「ITの総合商社」です。

Next.js

Next.jsのmiddlewareを使ってbasic認証を実装する

こんにちは、フロントエンドエンジニアの髙橋です。 先日Next.js ConfでNext.js 12は発表されましたね! 色々な新機能が追加されましたが、新機能のMiddlewareが気になって試してみたのでその使い方などを書いてみようと思います。 middlewareとは? 公式に…

NextAuth.jsでカスタムログインページを実装する方法

こんにちは、フロントエンドエンジニアの松尾です。 最近はNext.jsが盛り上がっており、エコシステムも充実してきています。 その中に、NextAuth.jsという認証機能を簡単に実装できるライブラリがあり非常に便利です。 next-auth.js.org 本記事では、NextAut…

Next.jsでのDynamic Importの使い所

Next.jsでのDynamic Importの使い所について、私がよく使用する2つの使い方についてまとめてみました。

Next.js Serverless Functions APIを使ってみました

はじめに 皆さんこんにちは、フロントエンドエンジニアのWooです。⚡️ Next.jsの簡単なサーバー内の処理の実装ができたので、Vercelデプロイ基準でNext.jsのServerless Functionsの実装方法を調べてみました。 Serverless Functionsとは? Serverlessを直訳す…

Next.jsのCSR(SPA),SSR,SSG,ISRのまとめ&メリットデメリットについて

はじめまして。最近無性に海外旅行に行きたいと思っているフロントエンドエンジニアの内田です。 Next.jsってページごとに色々なレンダリング方法を柔軟に切り替える事が出来て便利ですよね。 ですが、利用する際にはきちんとそれらレンダリング方法のメリッ…

Next.js10新機能 next/imageを使ってみた

こんにちは、フロントエンドエンジニアの松尾です。 2020年10月27日にNext.js10がリリースされ、パフォーマンスを改善するための20個を超える新しい機能が追加されました。 nextjs.org 私たちフロントエンドチームでも、プロジェクトにNext.js10を導入してお…