API Route Functions and Consumption Quiz

Study Flashcards Play Quiz

Questions and Answers

Every quiz on Quizgecko comes with Questions, Flashcards and Study notes to help you learn optimally. Sign up free now.

What is TypeScript?

A superset of JavaScript that adds type annotations and other features to the language

What is the purpose of using TypeScript?

To catch errors early and make code more readable

What does REST stand for?

Representational State Transfer

What does it mean for a web service to be RESTful?

It adheres to the constraints defined by the REST architectural style Signup and view all the answers

What HTTP method is used to create a new activity?

POST Signup and view all the answers

What does the onClick function do if the POST request to create a new activity is unsuccessful?

Shows an error toast and sets the isLoading state to false Signup and view all the answers

Which HTTP method is used to update an existing activity?

PATCH Signup and view all the answers

What does the deleteActivity function do?

Makes a DELETE request to the /api/activities/[activityId] route to delete the activity Signup and view all the answers

What does the onSubmit function do if the PATCH request to update an activity is successful?

No specific action mentioned Signup and view all the answers

What is the initial state of the button when the onClick function is called?

Disabled with a loading spinner Signup and view all the answers

What data is sent in the body of the POST request to create a new activity?

{ name: 'New Activity', colorCode: '#ffffff' } Signup and view all the answers

What does the toast function do if the activity creation is successful?

Shows a success message Signup and view all the answers

Which tool can be used to help debug API routes?

Postman Signup and view all the answers

What is Zod primarily used for?

Building schemas and validating data Signup and view all the answers

How is Zod installed?

npm install zod Signup and view all the answers

What does Zod's parse method do?

Validates data against a schema Signup and view all the answers

What feature does Iotawise use for authentication?

NextAuth.js Signup and view all the answers

Where are the API routes for the activities feature in Iotawise located?

/api/activities/route.ts and /api/activities/[activityId]/route.ts Signup and view all the answers

What does the GET function in /api/activities/route.ts do?

Fetches all user activities from the database and returns them as a JSON string Signup and view all the answers

What is the main purpose of validation in an application?

To prevent errors and improve the user experience Signup and view all the answers

What does Zod support in terms of validation?

Complex object validation, nested schemas, and transformation Signup and view all the answers

What type of database does Iotawise use?

PlanetScale Database (MySQL) Signup and view all the answers

What is the command to import Zod for use in a project?

{ z } from 'zod' Signup and view all the answers

What HTTP methods can be used in RESTful APIs?

GET, POST, PUT, PATCH, DELETE Signup and view all the answers

What keyword does Zod use for creating types that match the shape of data?

infer Signup and view all the answers

How are API routes created in Next.js?

By adding a route.ts file in a /api directory Signup and view all the answers

What does the function for each HTTP verb in the API route file take?

Request object and a params prop Signup and view all the answers

Which HTTP request is used to create new resources in a RESTful API?

POST Signup and view all the answers

What does a GET route in Next.js do?

Fetch data from the database Signup and view all the answers

What is the purpose of a PUT request in a RESTful API?

Update an existing resource Signup and view all the answers

What does a DELETE route in Next.js do?

Delete a user from the database Signup and view all the answers

What status code is returned for successful creation in a RESTful API?

201 Signup and view all the answers

When are PATCH requests used in a RESTful API?

To update partial information of an existing resource Signup and view all the answers

What does a successful 200 status code indicate in a RESTful API?

Successful request Signup and view all the answers

What does a successful 204 status code indicate in a RESTful API?

Successful request with no content to return Signup and view all the answers

What do the example code snippets demonstrate in Next.js API routes?

How to handle POST, GET, PUT, PATCH, and DELETE requests Signup and view all the answers

What does the provided code include functions for?

Creating, updating, and deleting activities in an API route Signup and view all the answers

What happens if the request body does not match the schema in the provided code?

The z.ZodError error is thrown, containing validation errors Signup and view all the answers

How are request bodies validated in the provided code?

Using the zod library and specific schemas Signup and view all the answers

What does the getUserActivities function do?

Fetches activities for the selected user using a raw SQL query Signup and view all the answers

What is returned as a result of creating a new activity in the database in the provided code?

The ID of the new activity as a JSON string Signup and view all the answers

What type of error is thrown if the request body does not match the schema?

z.ZodError Signup and view all the answers

What does the PATCH function do in the provided code?

Updates the activity in the database based on the request body Signup and view all the answers

How are API routes consumed in the server component for fetching activities?

Using the getUserActivities function from /lib/api/activities.ts Signup and view all the answers

What type of objects are the results of fetching activities returned as?

An array of UserActivities objects Signup and view all the answers

What is the outcome if the user is not authenticated in the provided code?

Appropriate status codes are returned Signup and view all the answers

What does the DELETE function do in the provided code?

Removes the activity Signup and view all the answers

What library is used for parsing and validating request bodies in the provided code?

zod Signup and view all the answers

Where can TypeScript be implemented?

Class members Signup and view all the answers

In TypeScript, what can interfaces be implemented on?

Only objects Signup and view all the answers

In TypeScript, where can variable declarations be implemented?

Only at the top level of a file Signup and view all the answers

Study Notes

API Route Functions and Consumption Summary

The provided code includes functions for creating, updating, and deleting activities in an API route.
The functions first check if the user is authenticated and return appropriate status codes if not.
The request body is parsed and validated using the zod library and specific schemas.
If the request body is valid, a new activity is created in the database and its ID is returned as a JSON string.
The z.ZodError error is thrown if the request body does not match the schema, containing validation errors in the issues property.
The PATCH and DELETE functions also follow a similar structure, including authentication checks and request context validation.
The PATCH function updates the activity in the database based on the request body, while the DELETE function removes the activity.
Both functions return appropriate status codes based on the outcome of the operations.
API routes are consumed in a server component for fetching activities, using the getUserActivities function from /lib/api/activities.ts.
The getUserActivities function accesses the database directly and fetches activities for the selected user using a raw SQL query.
The results are returned as an array of UserActivities objects.
The provided code demonstrates server-side rendering and direct database access for fetching activities, as well as the structure and validation of API route functions.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.