1. Build a Simple API in Next.js 13 App Directory

In this article, you will learn how to build a basic RESTful API in the new Next.js 13 app directory. Next.js 13.2 introduced a new approach to building APIs in the App Router (app), where we can create custom request handlers for a given route using the Web Request and Response APIs.

Topics Covered

• Run the API Project on your Machine
• Setup the Next.js 13 Project
• Database Migration with Prisma ORM
• Initialize the Prisma Client
• Create the CRUD API in Next.js 13 Route Handlers
  • Handle GET and POST Requests
  • Handle GET, PATCH, and DELETE Requests
• Test the CRUD API
  • Add a Feedback Item
  • Get a Feedback Item
  • Edit a Feedback Item
  • Fetch All the Feedback Items
  • Delete a Feedback Item
• Conclusion

Read the entire article here: https://codevoweb.com/build-a-simple-api-in-next-js-13-app-directory/

2. Build a Simple Frontend App in Next.js 13 App Directory

In this tutorial, you'll learn how to create a frontend application in the new Next.js 13 app directory. Specifically, we'll be building a feedback application that allows users to create and delete feedback.

Topics Covered

• Run the Full-Stack Next.js 13 Project Locally
• Testing the Feedback Application
• Install Dependencies and Configure Tailwind CSS
• Create the HTTP Request Functions
• Setup Application State with Zustand
• Create the Client-Side Components - Create the Rating Component - Create the Statistics Component - Create the Form Component - Create the Feedback Item Component - Create the Feedback List Component - Group the Client-Side Components Together
• Render the Feedback Components in a Server-Side File
• Conclusion

Read the entire article here: https://codevoweb.com/build-a-simple-frontend-app-in-nextjs13-app-directory/