Django REST Framework と Next.js でシンプルなブログサイトを作成していきます。

バックエンドは Django REST Framework を使用して API サーバーを構築します。

フロントエンドは Next.js と TailwindCSS を使用します。

Django REST Framework と Next.js の使い方を学習していきましょう。

目標

下記を学習していきます。

  • Django REST Framework で API 構築方法
  • Next.js でサイト構築方法
  • Django REST Framework と Next.js の連携方法
  • TailwindCSS の使い方

完成

動画チュートリアル

動画でも解説しています。

DRFNEXT

ぜひ参考にして下さい。

機能

  • 投稿一覧
  • 投稿詳細
  • About

エラーが発生した場合

詳しいコードの解説は、Django REST Framework、NextJS の公式ページを参考にして下さい。

Django REST Framework 公式ドキュメント

Next.js 公式ドキュメント

もしエラーが発生したり、分かりにくい箇所は下記の GitHub にてソースコードを参考にして下さい。

DRF 参照コード

Next.js 参照コード

前提知識

このチュートリアルを始める前に、下記は学習しておいて下さい。

  • Django
  • React
  • HTML
  • CSS
  • JavaScript

では、始めて行きましょう!!