TypeScript Next.js (TypeScript) プロジェクトをPWA化
Next.js (TypeScript) のプロジェクトをPWA化したのですが、忘れないうちにやり方をメモっておきます。方法next-pwa を使いました。iOSはSafari限定で「ホーム画面に追加」からおこないます。詳細パッケージのイン...
中級の学習
TypeScript 
フロントエンド・フレームワーク Next.jsとSendGridで問い合わせフォームからメール送信
概要とりあえず、問い合わせフォームに入力しボタンを押したときに、警告ダイアログ(Alert)が表示されるようにしました。問い合わせフォームこの Alert を表示するコードは次のとおりです。 const onSubmit: SubmitHa...
フロントエンド・フレームワーク Next.js + Auth0でのルートの保護
工事中ですが、次のようなページをポップアップメニューから出せるとします。ただしログインしたときだけこのページを表示するための方法について調べました。お問い合わせページこれを実現するには、次のようにします。import React from ...