以下、作成したサイトになります。主にCursorを使ったAIコーディングにて作成したものが多いですが、
Next.jsのディレクトリ構造は自分で練って作成しました。
Next.jsのApp Router を前提に、責務を明確に分離することを意識してディレクトリ設計をしています。
個人開発ですが、将来チーム開発になっても破綻しない構成を意識しました。
犬の散歩記録サイトアプリ08（作成中）
以下の機能を追加
・Prismaによるテーブルの作成→今まではダッシュボードでポチポチと入力をしていたが、Prismaによる入力に変更。
・prettierの設定の「.prettierrc」の作成→拡張機能ではインストールされていたが、ターミナルでのインストールがまだだったので追加をした。
犬の散歩記録サイトアプリ07
今まで作成したものを基準にして、以下の改良をしました。
- ミドルウェアに、matcherを設定
- src/lib/supabase.tsを、以下のように変更
１、src/utils/supabase/client.ts (ブラウザ用)
２、src/utils/supabase/server.ts (サーバーアクション用)
３、src/utils/supabase/middleware.ts (ミドルウェア用) - framer motionの導入
- GitHubでフィーチャーブランチでの作成
犬の散歩記録サイトアプリ05 ログイン認証＋データベース保存
Next.jsとSupabaseで、ログイン認証と散歩記録の保存ができるサイトを作成しました。
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
アフィリエイトリンク判定ツール
アフィリエイトリンクがあるかを判定するツールになります。
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
検索順位チェックツール note記事版
下記で作った検索順位チェックツールを改良し、note用に作成したものです。
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
検索順位チェックツール
Next.js（App Router）と Supabase、SerpApi を組み合わせて、
指定したキーワードの検索順位を自動取得・記録できるSEO分析ツール
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
認証ログイン・犬の散歩アプリ note用
Supabaseで、メールによるログイン認証機能のみを実装したサイトです。
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
犬の散歩アプリver1.0 note用
noteの記事用に作成しました。
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
犬の散歩記録アプリ３（Supabaseでのデータベース記録の実装成功）
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
犬の散歩記録アプリ２（Supabase実装・データベースとログイン・登録機能）
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
犬の散歩Webアプリ（主にNext.jsでのフロント部分）
主にCursorを使ったAIコーディングにて作成。Supabaseは自分で設定。
Node.jsによる、楽天市場からダウンロードされたCSVファイルを、日本郵便クリックポストと佐川急便のCSVに変換する
商品の提案資料
WEBサイト作成（ランサーズでのコンペにおいて作成） （〜２０２４年まで）
クラウドサービスのランサーズにおいて、コンペにて作成したサイトになります。
ワードプレスのSWELLにて作成しました。
