Decoupled Django: Understand and Build Decoupled Django Architectures for JavaScript Front-ends

Table of Contents
About the Author
About the Technical Reviewer
Acknowledgments
Introduction
Chapter 1: Introduction to the Decoupled World
	Monoliths and MVC
	What Makes a Decoupled Architecture?
		Why and When to Decouple?
	Hypermedia All the Things
		Hypermedia as the Engine
		Client-Server Separation
		Stateless
		Cacheable
		Uniform Interface
	An Introduction to GraphQL
	Summary
	Additional Resources
Chapter 2: JavaScript Meets Django
	JavaScript and Django in Production
	The Need for Module Bundlers
		Webpack Fights Django (the Need for Code Splitting)
	Modern JavaScript, Babel, and Webpack
		A Word on TypeScript
	JavaScript Frontend Libraries and Frameworks
		Lightweight JavaScript UI Libraries
	Universal JavaScript Applications
		Static Site Generators
	Testing Tooling
	Other Ancillary JavaScript Tools
		Summary
		Additional Resources
Chapter 3: Modern Django and the Django REST Framework
	What Is the Django REST Framework?
		Class-Based Views in Django and the DRF
		CRUD Viewsets in DRF
		Models, Forms, and Serializers
	From WSGI to ASGI
		Getting Started with Asynchronous Django
		Competing Asynchronous Frameworks and the DRF
		Summary
		Additional Resource
Chapter 4: Advantages and  Disadvantages of  Decoupled Architectures
	Pseudo-Decoupled Django
		Pseudo-Decoupled Without REST
		Pseudo-Decoupled with REST
	Fully-Decoupled Django
		Fully-Decoupled with REST
		Fully-Decoupled with GraphQL
	Summary
Chapter 5: Setting Up a Django Project
	Setting Up the Project
		A Custom User
		Interlude: Choosing the Right Database
		Splitting the Settings File
		Bonus: Running Django Under ASGI
		Splitting the Requirements File
		Summary
Chapter 6: Decoupled Django with the Django REST Framework
	Building the Billing App
		Building the Models
		Enabling the App
		Wireframing the Billing App
	Pseudo-Decoupled with the Django REST Framework
		Vue.js and Django
		Building the Vue App
		Vue.js, Django, and CSS
	Building the REST Backend
		Building the Serializers
		Building the Views and the URL
		Working with Nested Serializers
		Fixing the Vue Frontend
	Summary
		Additional Resource
Chapter 7: API Security and Deployment
	Django Hardening
		Django Settings for Production
		Authentication and Cookies in Django
		Randomize the Admin URL
	REST API Hardening
		HTTPS Encryption and HSTS
		Audit Logging
		Cross-Origin Resource Sharing
		Authentication and Authorization in the DRF
		Disable the Browsable API
	Deploying a Decoupled Django Project
		Preparing the Target Machine
		Configuring NGINX
		Gunicorn and Django Production Requirements
		Preparing Vue.js in Production with Django
		The Deployment
	Summary
	Additional Resource
Chapter 8: Django REST Meets Next.js
	Django as a Headless CMS
	Building the Blog App
		Building the Model
		Enabling the App
	Building the REST Backend
		Building the Serializer
		Building the Views and the URL
	Introduction to the React Ecosystem
		A Reintroduction to React
	Introduction to Next.js
	Building the Next.js Frontend
		Pages and Routing
		Data Fetching
		Static Site Generation
		Deploying Next.js
		Using React with Django
	The Vue.js Ecosystem
		Summary
		Additional Resource
Chapter 9: Testing in a Decoupled World
	Introduction to Functional Testing
		Getting Started with Cypress
		Understanding Functional Testing for the Billing App
		Creating the First Test
		Filling and Submitting the Form
	Introduction to Unit Testing
		Unit Testing in the Django REST Framework
		Django Settings for Testing
		Installing the Dependencies and Configuring Requirements for Testing
		Outlining Tests for the Billing REST API
		Testing the Billing REST API
	Summary
		Additional Resource
Chapter 10: Authentication and Authorization in the Django REST Framework
	Introduction to Token-Based Authentication and JWT
		Token-Based Authentication: The Good and the Bad
		JSON Web Tokens in Django: Advantages and Challenges
	Session-Based Auth for Single-Page Apps
		Some Words on Production and Development
		Preparing NGINX for the New Setup
		Handling the Login Flow with Django
		Preparing the Vue.js App for the New Setup
		A Note About HttpOnly Cookies
		Handling Authentication in the Frontend
		Authorization and Permissions in the Django REST Framework
	Summary
	Additional Resource
Chapter 11: GraphQL in Django with Ariadne
	Getting Started with Ariadne in Django
		Installing Ariadne
		Designing the GraphQL Schema
		Loading the Schema in Ariadne
		Wiring Up the GraphQL Endpoint
		Working with Resolvers
		Using Query Arguments in GraphQL
		A Word on Schema-First vs Code-First
		Implementing Mutations
		Adding a Resolver for the Mutation
	Introduction to GraphQL Clients
		Building the React Frontend
		Getting Started with Apollo Client
		Creating a Select Component
		Creating a Form Component
		Creating the Root Component and Making Queries
		Using Apollo Hooks for React
	Summary
	Additional Resources
Chapter 12: GraphQL in Django with Strawberry
	Getting Started with Strawberry in Django
		Installing Strawberry
		Designing the GraphQL Schema in Strawberry
		Types and Enums in Strawberry
		Working with Resolvers (Again)
		Queries in Strawberry and Wiring Up the GraphQL Endpoint
		Input Types and Mutations in Strawberry
		Working Asynchronously with the Django ORM
	Working Again on the Frontend
		Creating Invoices with a Mutation
	What’s Next?
	Summary
	Additional Resources
Index