Appwrite is an awesome CMS service to build and manage databases, messages, file storage buckets etc. In this video, I will setup appwrite and configure it with next.js 15 project to build a simple blog application. I will build schema with relational modals in appwrite and fetch the data in next.js 15 project using server actions. This is a beginner guide to build a full stack blog application in next.js 15.
#appwrite #nextjs15 #nextjstutorials #fullstackwebapp
Appwrite: https://appwrite.io/
Nextjs: https://nextjs.org/
00:10 Demo
02:13 Create next.js 15 project
03:06 More next.js tutorials
05:10 Project structure, UI and layouts
12:22 Setup appwrite
16:18 Configure appwrite in next.js 15 project
19:09 Appwrite collections, attributes and documents
23:40 Fetch categories in server actions
29:20 Categories UI
36:50 Context API for selected category
43:37 Appwrite blogs attributes, images and documents
48:00 Upload image files
52:18 Fetch blogs in server actions
56:50 Filter blogs with selected category
57:55 Blogs UI
01:02:45 Blog detail page
Follow Whatsapp Channel:
https://whatsapp.com/channel/0029Va7yDtdKmCPVHT30ya3A
React tutorials:
https://www.youtube.com/playlist?list=PL3i9po_eXL_ry_n5DZ30aEHazNCWdOUz7
JavaScript Tutorials and Projects:
https://www.youtube.com/playlist?list=PL3i9po_eXL_rwqWg1yPGBFKFZWqjaCTZe
Angular Tutorials:
https://www.youtube.com/watch?v=Qts7H8P-FpI&list=PL3i9po_eXL_qZ4PNvMUcHBERa2m9QRFo1&pp=gAQBiAQB
Docker Tutorials & CI/CD:
https://www.youtube.com/playlist?list=PL3i9po_eXL_rej_oo1FyL3D7q1AewarfJ
Angular 16 Crash Course For Beginners:
https://www.youtube.com/playlist?list=PL3i9po_eXL_orh8YJcdGNO0C6P2mHABT7
Tech Tutorials - Random:
https://www.youtube.com/watch?v=IYRrE-yikb0&list=PL3i9po_eXL_pKCqB5J5KoRdR-4uebo1r-
Complete Next.js 13 Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_paQQIa4qTum7_9CPqQwiFH
Next.js 14 Tutorials:
https://www.youtube.com/playlist?list=PL3i9po_eXL_pyNKBtAAK_gVBWG5d8yZS9
Node Express MongoDB Bootcamp: https://www.youtube.com/playlist?list=PL3i9po_eXL_rdDdgVHSZjmzvwUB-jj8SU
ChatGPT Tutorials: https://www.youtube.com/playlist?list=PL3i9po_eXL_qtCoSV1GHX_5Q48D2La9xW
Join our facebook group:
https://www.facebook.com/groups/996305460498149/
Contact us for development services:
https://www.linkedin.com/in/umair-jameel-24aa5368/
Github Repo (Give it a Star):
https://github.com/umairjameel321/next14_appwrite_blogapp