Build Blog with React DDR Wagtail

Description

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’