In this video, we explained the right way of using Nextjs functions with Sanity to manage and fetch your data or content in a secure and private dataset.
On-Demand Incremental Static Regeneration (on-demand ISR) using webHooks and serverless functions
useSWR hook in Client Side Rendering and fetching (SWR - CSR)
Server Side Rendering getServerSideProps (SSR)
Static Site Generation getStaticProps getStaticPaths (Pre-rendering during Building the web app) caching and revalidate updates (fallback: 'blocking')
Search Engine Optimization SEO
We tested all the ways in regard of speed, quick update, and SEO and in which case the best way you should use.
private access token and safe api and private Sanity dataset (Database)
avoiding mistakes some developers make.
Solved: Parsing error: Cannot find module 'next/babel'
Solved: Parsing error: Cannot find module '@babel/preset-env'
Source Code on github:
https://github.com/codelikepro22/next...
00:00 Introduction NextJs functions and data fetching
00:30 Create Next App and new Sanity project
09:20 Solved: Parsing error: Cannot find module 'next/babel'
13:03 Server-Side Rendering (SSR)
20:48 deploying sub-directory on github to Vercel (Nextjs web app)
24:10 Static Site Generation (SSG)
29:33 rebuilding app using Vercel hook triggered by Sanity webhook
31:50 Incremental Static Regeneration (ISR pages revalidation)
33:29 On-demand Revalidation (on-Demand ISR) the perfect way for speed, quick update, and SEO
41:24 Client-side data fetching ( Client Side Re-rendering CSR) useSWR the best for admin panels and user management (instant update without refreshing good for interaction that happens immediately)
Смотрите видео Web Future Nextjs Sanity, On-Demand ISR, SWR, SSR, SSG, CSR, Fetching data, WebHooks, the Best Way онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code Like Pro 21 Сентябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,32 раз и оно понравилось 7 людям.