NextJS Actions GPT-NextJS Code Assistant

Example

async function fetchUserData(userId: string) { try { const response = await fetch(`/api/users/${userId}`); const data = await response.json(); return data; } catch (error) { throw new Error('Failed to fetch user data.'); } }

Scenario

This function is useful when a developer needs to add a new feature that requires fetching user data from a server. The code snippet provided demonstrates how to handle asynchronous requests and errors gracefully.

Example

Before optimization: async function fetchData() { return fetch('data').then(res => res.json()); } After optimization: async function fetchData(): Promise<any> { const response = await fetch('data'); return await response.json(); }

Scenario

This function is applied when reviewing existing code. The example shows how to refactor a promise-based function to use modern async/await syntax, improving readability and error handling.

Example

const useUserData = (userId: string) => { const { data, error } = useSWR(`/api/users/${userId}`, fetcher); return { data, error }; };

Scenario

This scenario involves setting up a custom hook using SWR for data fetching. It shows how to apply best practices in hook design for efficient data retrieval and state management in a NextJS application.