Master Next.js and AppWrite: Complete Guide to Building a CRUD Application [Full Tutorial]

But that's not all – I'll also guide you through the deployment process on Vercel, ensuring your application is ready to impress on the web. 🚀💡

Timestamps:
-----------
00:00:00 - Intro
00:00:27 - Demo
00:02:13 - The UI
00:17:05 - The API
00:39:20 - The Homepage
00:54:12 - Insert into Database
01:04:07 - Update AppWrite Database
01:14:54 - Deploy

[HarshSingh-krci]

[00:02]eating a CRUD application using Next.js and AppWrite
[02:08]Creating a Next.js application and modifying the default homepage
[06:55]Styling and designing elements using classes
[09:31]Styling edit and delete buttons
[14:26]Creating UI for Create and Edit Pages
[16:51] Creating and setting up the AppWrite project
[21:13] Creating and adding attributes to interpretations collection
[23:39] Creating and fetching interpretations
[28:27] Using Post method to create interpretations through API
[30:36] Configuring API routes for edit and delete operations
[35:13] Creating CRUD operations for Next.js API routes
[37:36] Testing the put and delete methods
[41:46] Creating client component and fetching interpretations data
[43:59] Handling data, error, and loading states in Next.js
[48:33] Updating, Editing, and Deleting Data
[50:29] Deleting and updating interpretations in the UI
[54:40] Creating and managing states in a form
[56:49] Updating data inside a single form data state.
[1:01:03] Handling form data submission and error messages in Next.js and AppWrite
[1:03:17] Implementing add and edit functionalities for Next.js app with scrolling and routing
[1:07:38] Fetching data from API and updating form state
[1:10:07] Adding functionality to edit data
[1:14:44] Changing title and deploying to Vercel
[1:16:43] Deploying the Next.js project to Verce

[yukiritosurada]

please make an infinitely nested comments using nextjs and mongodb 🙏🙏

[kazimizan]

Please make a CRUD with image in next js 14