Erstellen Sie PWA oder lassen Sie die Website mit Next.js (React) offline arbeiten. In diesem Video werde ich 2 Beispiele demonstrieren, das erste ist ein SPA und das zweite ist eine mehrseitige Site, die auch eine Fallback-Seite für die Seiten hat, die nicht zwischengespeichert sind! Symbol : Symbol 512×512 : Servicemitarbeiter für 2. Beispiel : next-pwa offizielles Repo : Erster Beispielcode: Zweiter Beispielcode: Zeitstempel: 0:00 Einführung 0:36 Erstes Beispiel beginnt 1:16 Next-pwa installieren 2:05 Manifest erstellen. json 2:38 Erstellen von _document.js 3:38 Erstellen von next.config.js 4:15 Ausführen des Build-Befehls 4:30 Bereitstellen des Builds 5:16 Besprechen eines bekannten Problems 6:24 Beginn des zweiten Beispiels 8:47 Erstellen eines benutzerdefinierten Dienstes -worker.js 11:49 Ausführen des Build-Befehls 12:04 Bereitstellen des Builds 14:00 Abschluss Wenn Sie gelangweilt sind und einige Memes oder zufällige Bilder zum Timekillen haben möchten, besuchen Sie diese Website (von mir erstellt): Javascript Projects PlayList: React PlayList: Django PlayList : *BITTE BEACHTEN SIE: ENTSCHEIDEN SIE BITTE AUF DER GRUNDLAGE IHRER FORSCHUNG UND WAS SIE RICHTIG FÜHLEN ICH TEILE NUR MEINE EIGENE FORSCHUNG DURCH DIESES VIDEO!! UND DIESES VIDEO ZWANZT DICH IN KEINEM FALL!! * .

Kommentare (11)

  • German Guerci Antworten

    Amazing, this is exactly what i need for my current project.

    16. Februar 2021 um 19:41
  • German Guerci Antworten

    Also, i had to do a default export to the document file to get it works.

    16. Februar 2021 um 19:41
  • ahmed khalefa Antworten

    thanks for your professional content

    – how you copy and paste the code do you use program or just open second screen and copy from it

    – thanks again i would like to contribute with you on Frontend dev mentor if you like

    – i hope you soon make make vedio about pwa bolg website or work with me on my git repo then make a vedio about it

    i really learn a lot although i'm MERN stack with scss and background of reactnative
    for about 2+Y in react and half year as MERN stack dev

    so thank you and i hop you continue with your great content 😊😊

    24. Februar 2021 um 2:11
  • Stijn Hommes Antworten

    🙁 More spam. PLEASE STOP SPAMMING!

    1. März 2021 um 0:42
  • JPBM Antworten

    Hi im getting this error only in GoogleChrome Uncaught (in promise) TypeError: Failed to fetch, without a custom service worker, only doing the steps of the first example, can you help me, everything works fine, but i dont know why those erros show in the chrome console?

    9. März 2021 um 19:34
  • Kurniawan LearnCODE Antworten

    you've done a great job my bro…..
    I already like and subs your channel….

    Hope you release stuff like this (Next.js + PWA) more….

    17. März 2021 um 3:05
  • Tom Query Antworten

    Awsome thank you !

    18. März 2021 um 19:51
  • Ahnaaf Al Rafee Antworten

    in the service-worker.js we imported from workbox-core… we didn't install it. Does it comes with react?

    5. April 2021 um 8:08
  • abhik b Antworten

    If You are getting this error only in GoogleChrome Uncaught (in promise) TypeError: Failed to fetch, without a custom service worker , then please update next-pwa ( npm i [email protected] ) to fix that ! Read this by the owner of next-pwa for more info : https://github.com/shadowwalker/next-pwa/issues/177#issuecomment-812813271

    14. April 2021 um 5:39
  • Leandro Damasceno Antworten

    Thank you, very good!

    26. April 2021 um 0:48
  • Quotes Destination Antworten

    Nice tutorial, can you please do a tutorial on how to build a small app using strapi.io headless CMS using next.js & implement PWA

    7. Mai 2021 um 19:44

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

ajax-loader