MENU

Fun & Interesting

How to Build a Book Library (CRUD App) with Nextjs 14, AWS Lambda, AWS Api Gateway and DynamoDb

TheTechMaze 1,785 lượt xem 7 months ago
Video Not Working? Fix It Now

📘 Project Overview:
A simple Book Library app built using Next.js 14, Tailwind CSS, AWS DynamoDB, AWS Lambda and AWS API Gateway. This app showcases CRUD (Create, Read, Update, Delete) operations for managing books, with server actions in Next.js and DynamoDB as the database.

🔗 GitHub Repo:
Check out the complete code for this project here: https://github.com/thetechmaze/book-library-next-dynamo
Check out the article here: https://thetechmaze.com/blog/how-to-build-a-book-library-with-nextjs-14-aws-lambda-aws-api-gateway-and-dynamodb

🔧 Technologies Used:
Next.js
Tailwind CSS
AWS DynamoDB
AWS Lambda
AWS API Gateway

🔔 Don't forget to subscribe!
If you found this tutorial helpful, please like the video, comment, and subscribe for more tech tutorials!

📦 Related Videos:
Step-by-Step: Build a Todo App with Next.js 14, DynamoDB - https://youtu.be/BSD7sHSWrLw

⏰ Timestamps:
00:00:00 - Intro and Demo
00:00:34 - Workflow of the app
00:01:26 - Building the UI in Nextjs
00:03:05 - Build the Nextjs UI
00:03:45 - Creating the Header
00:07:32 - Adding Book Cards in Home Page
00:09:41 - Creating BookCard Component
00:12:23 - Creating [id] page
00:29:14 - Creating add book page
00:33:39 - Creating Table in DynamoDB
00:34:08 - Creating Lambda function
00:39:54 - Creating API Gateway
00:44:12 - Creating Server Actions
00:45:07 - creating getBooks action in server-only file
00:47:15 - creating getBook action in server-only file
00:47:56 - creating putBook action in server-only file
00:50:55 - creating deleteBook action in server-only file
00:51:33 - Need for "use server" actions
00:52:03 - creating getBookFromDB action in actions file
00:52:43 - creating putBookInDB action in actions file
00:54:09 - creating deleteBookInDB action in actions file
00:54:33 - adding getBooks action in home page
00:55:58 - adding putBookInDB action in add page
00:57:17 - adding putBookInDB action in id page
00:57:59 - adding deleteBookInDB action in id page
00:58:26 - adding getBookFromDB action in id page
01:00:33 - npm run build

Comment