0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ハッカソン個人備忘録①:FastAPI・Next.js・Terraformを使った構成メモを記事にアウトプットしてみた

Last updated at Posted at 2025-04-06

はじめに

本記事では、FastAPI、Next.js、Docker を組み合わせたモダンなWebアプリケーション開発の概要を紹介します。

個人の備忘録程度の走り書きとなっておりますが、温かい目で見守っていただければ幸いです。

バックエンドからインフラまでを一貫した構成で管理できるこの手法は、スケーラビリティと保守性に優れています。

書こうと思ったきっかけ

受講しているITスクールでFastAPIやNext.js、インフラ構築に関するハッカソンがあり、実際に手を動かしながら学んだ知識を備忘録として整理したいと思ったのがきっかけです。

技術構成概要

バックエンド

  • FastAPI
    • Python製の高速APIフレームワーク
    • Swagger UIの自動生成が便利
    • AWS Lambdaやサーバーレス環境との相性も良い

フロントエンド

  • Next.js (TypeScript)
    • サーバーサイドレンダリング(SSR)によるSEO強化
    • API Routesやミドルウェアも強力
    • TypeScriptにより型安全な開発

インフラ

  • AWS Fargate + Terraform
    • ECS + Fargate でサーバー管理無しのコンテナ実行
    • TerraformでIaCを実現 → 再現性と保守性UP

まとめ

FastAPI + Next.js + Docker の組み合わせによるアプリ開発では、バックエンドからインフラまでを統一的かつ柔軟に扱えるため、現代的なWeb開発のベースとして非常に有効だと実感しました。

開発効率の向上やデプロイの簡略化だけでなく、スケーラブルな構成を目指すうえでも理想的なスタックです。

今後は、API Gateway連携やセキュリティ強化、CI/CDパイプラインの導入にも挑戦していきたいです!

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?