3. How to add a Document to firestore using Server component and server action | Nextjs14 | Firebase
Learn How to add a new Document to firestore using Server component and server action.
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
Timestamp:
0:00 Intro
0:30 App directory structure
1:35 Server and client components
3:20 Server Action
4:05 Create addPost server action
12:10 Outro
Resources:
Repo: https://github.com/thatanjan/next-fir...
Blog: https://dev.to/thatanjan/how-to-add-a...
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.