はじめに

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 の使い方

動画チュートリアル

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

ぜひ参考にして下さい。

機能

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

エラーが発生した場合

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

Django REST Framework 公式ドキュメント

Next.js 公式ドキュメント

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

DRF 参照コード

Next.js 参照コード

前提知識

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

• Django
• React
• HTML
• CSS
• JavaScript

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