Next.jsプロジェクトにTypescriptを導入する

公開日時

勉強を兼ねて小規模な個人開発プロジェクトをNext.jsでやることにした。

Nuxt.jsの時はTypescriptの導入でつまづくことが多かったけどNext.jsの場合はチュートリアルに沿って導入したらすぐに導入できた。

(Nextの場合は、そもそも[[yarn create next-app]]した直後はpublicとpagesくらいしかないので依存が少ないだけ、という気もする)

公式のサンプルを参考にしつつ、実装していこう。


Related #js

Next.jsのPreview Mode時はAnalyticsを無効化する

cookieの__next_preview_dataキーで判定

next.jsにtailwindcssを導入する

VSCodeのTailwind CSS IntelliSense拡張が便利

Alexaに気温と二酸化炭素濃度を教えてもらう

「Alexa、気温」でセンサー情報を教えてくれるようになった

jsでクリップボードにコピーするボタンを実装する

Clipboard.writeText()を使う

Cloud FunctionsでFirebase Authenticationの認証情報を取得する

functions.https.onCallを使用している場合はcontextパラメータを受け取ることができる

AWS SESの受信メールを暗号化してs3に保存しLambdaで読み込む

jsの場合、複合処理を独自実装する必要がある