The Wagtail CMS Bundle
$129.96
Suggested Price
$60.00
Bundle Price

The Wagtail CMS Bundle

About the Bundle

This bundle combines Four Wagtail CMS books written by MichaelYin into a package that helps you quickly learn Wagtail.

  • Share this bundle

About the Books

The Definitive Guide to Next.js and Wagtail

    • PDF

    Demo Link

    This is my #4 eBook of Wagtail, and I wish to talk about the new architecture (Jamstack) in this book.

    Jamstack stands for Javascript, API and Markup (generated by a static site generator)

    1. The frontend app will be prebuilt into highly optimized static pages (Markup) and assets, and deployed to the CDN netowrk.
    2. Frontend app will use Javascript and API to talk to backend service, to enable dynamic content on some pages.

    Jamstack has below benefits:

    1. Because the pages are prebuilt and served from CDN, pages can load FAST.
    2. The reduced complexity make the site more secure.
    3. Easy to scale when traffic grow.

    By the end of this course, you will be able to:

    1. Understand Docker and use Docker Compose to do development
    2. Create blog models to work with Wagtail.
    3. Learn how to write serializer for Django models.
    4. Build a REST API for Wagtail CMS
    5. Use the factory package to help create test data
    6. Test the REST API and generate test coverage report
    7. Create Next.js project with create-next-app
    8. Learn React Function Component, and React hooks.
    9. Understand how Next.js page route works.
    10. Make Wagtail preview work with the Next.js.
    11. Build comment system based on django-contrib-comments which support Generic Relations
    12. Use Tribute.js to add Mention and Emoji support to the comment form.
    13. Learn to use SWR to build lazy load comment list.
    14. Test React component using Jest and @testing-library family of packages.
    15. Deploy the Next.js to the Netlify.
    16. Deploy the backend API to DigitalOcean

    Tech

    • Python 3.8
    • Django 3.2
    • Wagtail 2.14
    • Node 14
    • Next.js 11
    • Bootstrap 5
    • React Function Component, React Hooks
    • SWR
    • Tribute.js
    • Jest

    Build SPA with React and Wagtail (2.0.0)

    • 236

      Pages

    • 100%

      Complete

    • PDF

    Demo Link

    This book will teach you how to build a SPA (single-page application) using React and Wagtail CMS

    By the end of this course, you will be able to:

    1. Understand Docker and use Docker Compose to do development
    2. Create blog models to work with Wagtail.
    3. Learn how to write serializer for Django models.
    4. Build a REST API for Wagtail CMS
    5. Use the factory package to help create test data
    6. Test the REST API and generate test coverage report
    7. Build a React app from create-react-app
    8. Learn React Function Component, and React hooks.
    9. Use Tailwind CSS to build clean and responsive UI.
    10. Understand React router
    11. Make React app work with Wagtail preview
    12. Build comment system based on django-contrib-comments which support Generic Relations
    13. Use Tribute.js to add Mention and Emoji support to the comment form.
    14. Learn to use SWR to build lazy load comment list.
    15. Test React component using Jest and @testing-library family of packages.
    16. Deploy the production app to DigitalOcean

    This book includes:

    1. A PDF ebook which contains about 30 chapters.
    2. 30+ screenshots and diagrams, all created by me.
    3. The source code of the project created in this course.

    Build Blog with React (SSR) and Wagtail

      • PDF

      Demo Link

      This book will teach you how to build a blog with React, Wagtail CMS and SSR (Server-Side Rendering), which has good performance and good SEO.

      By the end of this course, you will be able to:

      1. Understand Docker and use Docker Compose to do development
      2. Create blog models to work with Wagtail.
      3. Use PDB and Django shell to debug, test code and check data in terminal.
      4. Learn how to write serializer for Django models.
      5. Use the factory package to help create test data
      6. Create React project from python-webpack-boilerplate and load it in Django template.
      7. Understand React Components and the component lifecycle
      8. Test React component using Jest and @testing-library family of packages.
      9. Understand difference between CSR and SSR, and what is Rehydration
      10. Learn how to server-render React component using django-react-templatetags and hypernova
      11. Deploy the production app to DigitalOcean

      Tech

      • Django 3.1
      • Wagtail 2.12
      • Webpack 5
      • React
      • Hypernova

      This book includes:

      1. A PDF ebook which contains about 30 chapters.
      2. 20+ screenshots and several diagrams, all created by me.

      Build Blog With Wagtail CMS (3.0.0)

      • 157

        Pages

      • PDF

      Demo Link

      This book will teach you how to build a modern blog with Wagtail CMS

      By the end of this course, you will be able to:

      1. Understand Docker and use Docker Compose to do development
      2. Create blog models to work with Wagtail.
      3. Import Bootstrap themes to the blog.
      4. Use PDB and Django shell to debug, test code and check data in terminal.
      5. Learn to use RoutablePage and add Date to the post url.
      6. Build Pagination component and correctly handle querystring.
      7. Make the blog supports writing in Markdown and Latex.
      8. Create contact page using Wagtail FormBuilder
      9. Build menu, meta tags, sitemap, robots.txt for better SEO.
      10. Build comment system based on django-contrib-comments which support Generic Relations
      11. Create Frontend project from python-webpack-boilerplate and load compiled CSS and JS in Django template.
      12. Learn SCSS and use it to customize style in quick way.
      13. Use Tribute.jsAxios to add Mention and Emoji support to the comment form.
      14. Learn Async/AwaitPromise and the benefits.
      15. Deploy the production app to DigitalOcean

      Tech

      • Python 3.8
      • Django 3.2
      • Wagtail 2.14
      • Node.js 12
      • Webpack 5
      • Bootstrap 5.1
      • Tribute.js
      • Axios

      This book includes:

      1. A PDF ebook which contains about 30 chapters.
      2. 20+ screenshots and several diagrams, all created by me.

      Changelog:

      3.0.0 Released 2021-08-23

      1. Upgrade Django, Wagtail, update the screenshots.
      2. Import python-webpack-boilerplate as frontend solution
      3. Upgrade Bootstrap 5, drop jQuery, write DOM related code with vanilla JavaScript

      2.0.0 Released 2021-01-09

      1. Rewrite the book and source code, update the screenshots.
      2. Add content about docker-compose and docker
      3. Add content about the django-contrib-comments
      4. Add content about the Webpack

      1.0.0 Released 2017-09-13

      The Leanpub 45-day 100% Happiness Guarantee

      Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

      See full terms

      Free Updates. DRM Free.

      If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

      Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets) and MOBI (for Kindle). The formats that a book includes are shown at the top right corner of this page.

      Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

      Learn more about Leanpub's ebook formats and where to read them

      Write and Publish on Leanpub

      You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

      Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

      Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF, EPUB and/or MOBI files and then publish with one click!) It really is that easy.

      Learn more about writing on Leanpub