Engineer
React
Vue
Serverless Framework
Git
Feelcycle
React
Vue
Serverless Framework
Git
BB2
BB3
BSW
BSB
BSL
Hous
Rock
検索結果
0
件
Home
Engineer
Next.js
NextAuth.jsでデフォルト定義されていない値を保存する方法
2024.07.12
NextAuth v5では認証時に保存した値をRSC・Route Handler・クライアントで使用するコンポーネントなど、様々な場面で利用することが出来ます。使用していく上で、デフォルトで定義された値以外を利用したいケースがあります。この記事ではNextAuth.jsでデフォルトで定義されていない値を保存し使えるようにしていきます
NextAuth.jsで保存している内容の確認とロジックについて
2024.07.08
NextAuth.js は認証を行う際に値を保存し取り出すことが出来ます。NextAuth.jsを使い始める上で、保存した値を簡単に確認する方法はないだろうか?そもそもどこに・どのような方法で値が保存されているんだろうか?という疑問が湧いたため調査して分かったことを記載します!
Server Actionsを更に便利に!useActionStateを使う
2024.06.09
React 19から useActionState というServer Actionsを更に便利に使える新しい関数が登場します!useActionState は React 18までの useFormState + useFormStatus を1つにまとめて便利に使えるようにした関数です。この記事ではRC版のReact 19を用いて試してみます
【Next.js】Server Actionsでログイン処理を順を追って書いてみる
2024.06.04
Next.jsが14になりServer Actionsが安定版として正式にリリースされました。Server Actionsを用いることでスッキリ書けるようになったものの、13までの書き方と比べるで結構変わった部分も多く感じます。そこでログイン処理を例に順を追ってServer Actionsを使って実装してみます
Next.jsでWebプッシュを許可する
2024.05.05
Next.jsでWebプッシュ通知を許可する方法をご紹介します。ライブラリを使わず、通知の状態の取得・通知の状態に応じた出し分け、を簡単に行うことが出来ます!
Next.jsでOneSignalを使ってWebプッシュ通知を行う
2024.04.24
Next.jsのプロジェクトにOneSignalというサービスを用いて、Webプッシュ通知を行えるようにしていきます。OneSignalは無料で始められるので気軽に導入出来ます、更にライブラリも用意されているので実装もかなり簡単に出来ます!
Next.jsにPWAを構築する
2024.04.08
next-pwaというパッケージを利用して、Next.jsのアプリケーションをPWA化する方法をご紹介します
Next.jsのプロジェクトを始める時にやっていること
2024.03.20
Next.jsのプロジェクトを始める時にテンプレート的に行っていることを自分の備考欄も兼ねてまとめてみました
Next.js13でBasic認証を導入(App Router対応)
2023.10.09
Next.js ver13系でmiddlewareを用いてBasic認証を実装する方法をご紹介します。Vercelで環境毎にBasic認証の設定を変更する方法も合わせて記載します
Next.js(App Router利用)でtRPCを動かす
2023.07.31
フロント/バックエンド側もNext.jsを用いつつtRPCを導入する方法をご紹介します!またNext.js 13.4 より安定版が使えるようになったApp Routerを用いて実装していきます。
1
2