Learn how to build powerful Progressive Web Apps (PWA) with Next.js in 2024 Tutorial. In this video, I explain the basics of PWAs and show you how to add them to your Next.js projects, with extra tips and tricks to make your app even better and more native like. PWAs are the future of web apps, making them faster, more reliable, and work offline!
video specific links ✨:
✂️ my recording and editing tool: https://Screen.studio/@r4EXX
(This is an affiliate link so you can support me ♥️, it won’t cost you anything extra)
Next.js docs: https://nextjs.org/docs/app/building-your-application/configuring/progressive-web-apps
tailwind displaymodes: https://github.com/bhendi-boi/tailwindcss-displaymodes
code:
https://pastebin.com/FyRjNG6q
apple developer meta tags: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html?ref=frontendchecklist
Chapters ✨:
00:00 Introduction
1:11 The Manifest File
3:06 Get PWA Images
5:52 Specify Metadata in Layout
7:53 Showcase PWA
8:48 Extra Tips
10:36 Will PWA's play a role in the future?
🙋🏼♂️ find me also here:
github: https://github.com/tobiasmeyhoefer
my website: https://tobiasmeyhoefer.de/
_______________________
⚡️ About me and this channel
Hello World! 👋🏼 My name is Tobi and I'm a webdeveloper from Germany ✨ On this channel you will find free educational content about everything related to the web, from frontend to backend especiall with React and Next.Js!