Email the Author

You can use this page to email MichaelYin about The Definitive Guide to Next.js and Wagtail (2.0.0).

Please include an email address so the author can respond to your query

This message will be sent to MichaelYin

This site is protected by reCAPTCHA and the Google  Privacy Policy and  Terms of Service apply.

About the Book

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. Use Tailwind CSS to build clean and responsive UI.
  10. Understand how Next.js page route works.
  11. Use next/image to do browser native lazy loading
  12. Make Wagtail preview work with the Next.js.
  13. Build comment system based on django-contrib-comments which support Generic Relations
  14. Use Tribute.js to add Mention and Emoji support to the comment form.
  15. Learn to use React Query to build lazy load comment list.
  16. Test React component using Jest and @testing-library family of packages.
  17. Deploy the Next.js to the Netlify.
  18. Deploy the backend API to DigitalOcean

Tech

  • Python 3.10
  • Django 4.1
  • Wagtail 4.1
  • Next.js 13
  • Tailwind 3
  • React Function Component, React Hooks
  • React Query
  • Tribute.js
  • Jest

Changelog:

2.0.0

Released 2022-12-21

  • Use Tailwind CSS as style solution.
  • Use React Query to replace SWR
  • Use Next image to do browser native lazy loading
  • Add Sitemap and Robots.txt
  • Upgrade Django 4, Wagtail 4, update the screenshots

1.0.0

2021-08-16: First release


About the Author

MichaelYin’s avatar MichaelYin

Michael Yin is a full stack developer from China, and he loves to write high-quality tutorial about programming.

He has published 5 books on Leanpub.

  • The Definitive Guide to Hotwire and Django
  • Build SPA with React and Wagtail
  • The Definitive Guide to Next.js and Wagtail
  • Build Blog With Wagtail CMS
  • Build Blog with React (SSR) and Wagtail
  • Ultimate Guide To Scrapy

He also published Celery courses on testdriven.io

  • The Definitive Guide to Celery and Flask
  • The Definitive Guide to Celery and Django
  • The Definitive Guide to Celery and FastAPI

He is also the founder of a Digital Agency AccordBox and available for remote job.

Logo white 96 67 2x

Publish Early, Publish Often

  • Path
  • There are many paths, but the one you're on right now on Leanpub is:
  • The-definitive-guide-to-nextjs-and-wagtail › Email Author › New
    • READERS
    • Newsletters
    • Weekly Sale
    • Monthly Sale
    • Store
    • Home
    • Redeem a Token
    • Search
    • Support
    • Leanpub FAQ
    • Leanpub Author FAQ
    • Search our Help Center
    • How to Contact Us
    • FRONTMATTER PODCAST
    • Featured Episode
    • Episode List
    • MEMBERSHIPS
    • Reader Memberships
    • Department Reader Memberships
    • Author Memberships
    • Your Membership
    • COMPANY
    • About
    • About Leanpub
    • Blog
    • Contact
    • Press
    • Essays
    • AI Services
    • Imagine a world...
    • Manifesto
    • More
    • Partner Program
    • Causes
    • Accessibility
    • AUTHORS
    • Write and Publish on Leanpub
    • Create a Book
    • Create a Bundle
    • Create a Course
    • Create a Track
    • Testimonials
    • Why Leanpub
    • Services
    • TranslateAI
    • TranslateWord
    • TranslateEPUB
    • PublishWord
    • Publish on Amazon
    • CourseAI
    • GlobalAuthor
    • Marketing Packages
    • IndexAI
    • Author Newsletter
    • The Leanpub Author Update
    • Author Support
    • Author Help Center
    • Leanpub Authors Forum
    • The Leanpub Manual
    • Supported Languages
    • The LFM Manual
    • Markua Manual
    • API Docs
    • Organizations
    • Learn More
    • Sign Up
    • LEGAL
    • Terms of Service
    • Copyright Policy
    • Privacy Policy
    • Refund Policy

*   *   *

Leanpub is copyright © 2010-2025 Ruboss Technology Corp.
All rights reserved.

This site is protected by reCAPTCHA
and the Google  Privacy Policy and  Terms of Service apply.

Leanpub requires cookies in order to provide you the best experience. Dismiss