Build Blog with React DDR Wagtail

Introduction
	Objectives
	Who is this course for
	Tech
	What is included
	How to use the source code
	Demo
	What if you have problem or suggestions
	Changelog
Setup project
	Objectives
	Create Django Project
	Import Wagtail
	Run DevServer
	Reference
Dockerizing Wagtail App
	Objectives
	Install Docker Compose
	Config File Structure
	Compose file
	Environment Variables
	Entrypoint
	Start script
	Start application
Add Blog Models to Wagtail
	Objectives
	Page structure
	Create Blog App
	Page Models
	Category and Tag
	Intermediary model
	Source Code
	Migrate DB
	Setup The Site
	Add PostPage
	Simple Test
	ParentalKey
Page Templates in Wagtail
	Objectives
	Template name
	Config Templates
	BlogPage
	PostPage
	DEBUG with PDB
StreamField
	Objectives
	What is StreamField
	Block
	Body
	Dive Deep
Routable Page
	Objective
	Router
	Context
	Template
	Reversing route urls
Pagination
	Objectives
	Pagination
	Context
Full Text Search
	Objective
	Backend
	Model
	Route
	Filter Meta info
	Performance Notes:
Page Serializer (Part 1)
	Objectives
	Django REST Framework
	Install Django REST Framework
	Serializer
	Serializer Field
	StreamField
	Image
	ImageChooserBlock
Page Serializer (Part 2)
	Objectives
	BlogPageSerializer
	page_component
	Templates
UnitTest (Part 1)
	Objectives
	Workflow
	Fixture
	Factory packages
	Wagtail Factories
	Test Serializer
UnitTest (Part 2)
	Objectives
	Image Test Data
	StreamField Test Data
	Write Test
	Rest Test
	Temp MEDIA_ROOT
	Test Coverage
	Next Step:
Create React Project
	Objectives
	Create Frontend Project
	Add React support
	HelloWorld
	Compile
	Load React component in Django template
	create-react-app
	django-webpack-loader
Dockerizing React project
	Objectives
	Compose file
	Dockerfile
	Simple Test
Import Bootstrap Theme
	Objective
	React Bootstrap
	App.js
	Simple Test
Building React Component (TagWidget)
	Objectives
	Basic Concepts
	Simple React Component
	React Developer Tools
	React Component Lifecycle
	Debug React Component
Building React Component (SideBar)
	Objectives
	SideBar
	CategoryWidget
	Form
	Component Hierarchy
	HMR
Building React Component (PostDetail)
	Objectives
	PostDetail
	StreamField Block Components
	StreamField Component
Building React Component (PostPage)
	Objectives
	Background
	PostPage
	TopNav
	Footer
Building React Component (BlogPage)
	Objectives
	BlogPage
	PostPageCardContainer
	PostPageCard
Building React Component (BlogPage Pagination)
	Objectives
	Pagination
	Filter Message
Building React Component (PageProxy)
	Objectives
	Background
	Dynamic-Components
	props
	Page Templates
Server Side Rendering
	Objectives
	Background
	WorkFlow
	Setup Django
	Setup Hypernova
	App.js
	Django template
	Test
	Reference
Unittest React Component (Part 1)
	Setup Jest
	First Test
	TagWidget Test
	Snapshot Test
Unittest React Component (Part 2)
	Background
	BlogPage.test.js
	Test Coverage
Deploy
	Objective
	Workflow
	Compose File
	Nginx Service
	Web Service
	SSR Service
	Environment Variables
	Test Build
	Deploy to DigitalOcean
	Config site
	Config DNS
	Notes:
Next Steps
	Thank You
Backend FAQ
	Troubleshoot
	Useful Commands
Frontend FAQ
	Module not found: Error: Can’t resolve
	Error: EEXIST: file already exists, mkdir ‘/app/frontend/build’