TypeScript+Next.js+Laravelで簡易的なメモアプリ開発ハンズオン-7（認証周りのリファクタリング1）

この記事は「TypeScript+Next.js+Laravelで超簡易的なメモアプリ開発ハンズオン」の第7回です。

第6回はRecoilという状態管理用ライブラリを使って、グローバルstateを管理しメモ一覧画面とメモ登録画面のアクセス制御を実装しました。

あわせて読みたい

TypeScript+Next.js+Laravelで簡易的なメモアプリ開発ハンズオン-6（Recoilを使った認証情報の保持） この記事は「TypeScript+Next.js+Laravelで超簡易的なメモアプリ開発ハンズオン」の6回目です。 5回目ではLaravel（API）から返却されたバリデーションメッセージをNext…

第7回の今回は、第6回の最後に記載したようにフロントエンド側での認証によるアクセス制御のリファクタリング・ブラッシュアップを行います。

カスタムフックを作成したり、axiosの使い方を変更したりしていきます。

ここのリファクタリング、ブラッシュアップはボリュームがそこそこあるので、7回目ではメモ登録画面、8回目でメモ登一覧画面を実装してきます。

はじめに

本ハンズオンの全回分の買い切りプランはこちらに準備しております↓

TypeScript+Next.js+Laravelで超簡…

TypeScript+Next.js+Laravelで超簡易的なメモアプリ開発ハンズオン（全回分） の記事一覧 「TypeScript+Next.js+Laravelで超簡易的なメモアプリ開発ハンズオン」の全回分をまとめて購入いただけるプランです。

それでは実装しています。