5. How to get documents from firestore using Server component | Nextjs14 | Caching
Learn How to get single and multiple documents from firestore using Nextjs Server Components. We will also learn about server component caching and how to use or avoid them.
Timestamp:
0:00 Intro
0:25 Get all document from collection in server component
3:05 Caching issue and solution in server component
6:15 Get all document from collection in client component
7:00 Get a single document from collection in server component
10:10 Outro
In this video series, you will learn about how to :
Setup project with Nextjs
Add new document
Add multiple documents
Get documents
Get Realtime updates
Update documents
Delete documents
Sort and Limit data
Query data
Resources:
Repo: https://github.com/thatanjan/next-fir...
Contacts:
Email: [email protected]
Portfolio: https://thatanjan.vercel.app/
Blog: https://cules-coding.vercel.app/
Linkedin: / thatanjan
Github: https://github.com/thatanjan/
Twitter: / thatanjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: https://www.culescoding.vercel.app/bl...
What is Client-Side Rendering?: https://www.culescoding.vercel.app/bl...
What is Server Side Rendering?: https://www.culescoding.vercel.app/bl...
Everything you need to know about tree data structure: https://www.culescoding.vercel.app/bl...
13 reasons why you should use Nextjs: https://www.culescoding.vercel.app/bl...
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: • Setup Eslint Prettier with Typescript...
Setup and deploy fullstack application on Vercel and Render: • How to setup and deploy fullstack(MER...
Auth0 basics with Next.JS: • Auth0 basics with Next.JS | Add Googl...
Upload images from React and Node: • How to upload images from React with ...
Chakra-UI crash course: • Chakra UI crash course | React UI Fra...
Next auth crash course: • Next Auth Basics tutorial | Add Googl...
Build a small search engine with MongoDB: • Build a blog using #JAMstack #5 - Bu...
Playlists you might like:
Next.Js tutorials: • Nextjs tutorials
Build a blog using JAMstack: • Build a blog using JAMstack #1 - Intr...
Quick tricks: • Access COOKIES in NextJS from server ...
Crash course: • Redux toolkit crash course. Everythin...
How-to videos: • Setup Eslint Prettier with Typescript...
Clone Blue Origin Landing Page: • Blue Origin Landing page clone
Stay safe and goodbye.