| 1 | How do server actions automatically update the user interface after making a change to data? Next.js › Server Actions & Mutations | Next.js | Server Actions & Mutations | Intermediate |
| 2 | What security considerations are unique to server actions compared to regular server side code, since they can be called directly from the browser? Next.js › Server Actions & Mutations | Next.js | Server Actions & Mutations | Advanced |
| 3 | What is a server action in Next.js, and what problem does it solve? Next.js › Server Actions & Mutations | Next.js | Server Actions & Mutations | Beginner |
| 4 | How do you call a server action directly from a button click inside a client component, rather than through a form submission? Next.js › Server Actions & Mutations | Next.js | Server Actions & Mutations | Intermediate |
| 5 | How would you handle errors gracefully inside a server action and display a meaningful message to the user? Next.js › Server Actions & Mutations | Next.js | Server Actions & Mutations | Advanced |
| 6 | How does the useFormState hook, sometimes called useActionState, let you show validation errors returned from a server action? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Advanced |
| 7 | What is a server action in React and what problem does it solve? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Intermediate |
| 8 | How would you refresh data shown on a page after a server action successfully changes something in the database? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Intermediate |
| 9 | What is a simple real world example of using a server action for a common form, like a newsletter signup? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Beginner |
| 10 | How does the useFormStatus hook help show loading feedback while a server action is running? React › Server Actions & Data Mutations | React | Server Actions & Data Mutations | Advanced |
| 11 | What data types and values can be safely passed as props from a server component to a client component? Next.js › Server Components | Next.js | Server Components | Advanced |
| 12 | How would you protect server actions from being called with malicious or unauthorized data, since they can be invoked directly from the client? Next.js › Security Best Practices in Next.js | Next.js | Security Best Practices in Next.js | Advanced |
| 13 | How would you create strongly typed server actions that validate their input and return a predictable, typed result? Next.js › TypeScript with Next.js | Next.js | TypeScript with Next.js | Advanced |
| 14 | How do you submit a form directly to a server action in Next.js without writing any client side JavaScript? Next.js › Form Handling & Validation in Next.js | Next.js | Form Handling & Validation in Next.js | Beginner |
| 15 | How do you validate form data on the server before saving it, and show validation errors back to the user? Next.js › Form Handling & Validation in Next.js | Next.js | Form Handling & Validation in Next.js | Intermediate |
| 16 | How do you show a pending or loading state while a form is being submitted using a server action? Next.js › Form Handling & Validation in Next.js | Next.js | Form Handling & Validation in Next.js | Intermediate |
| 17 | How would you handle a database write inside a server action while keeping the user interface responsive? Next.js › Database Integration with Next.js | Next.js | Database Integration with Next.js | Advanced |
| 18 | How would you handle file uploads through a form using a server action in Next.js? Next.js › Form Handling & Validation in Next.js | Next.js | Form Handling & Validation in Next.js | Advanced |
| 19 | How would you implement optimistic state updates for a feature like a like button, so the interface feels instant while a server action processes the actual update? Next.js › State Management in Next.js Apps | Next.js | State Management in Next.js Apps | Advanced |
| 20 | What is a route handler in the Next.js App Router, and how do you create one? Next.js › Route Handlers (API Route.js) | Next.js | Route Handlers (API Route.js) | Beginner |
| 21 | How would you handle a mutation, such as creating a new item, using React Query? React › Data Fetching (React Query & SWR) | React | Data Fetching (React Query & SWR) | Intermediate |
| 22 | How would you programmatically navigate a user to a different page after they complete an action, such as submitting a form? React › Routing | React | Routing | Intermediate |
| 23 | How would you programmatically navigate a user to a different page after they complete an action, such as submitting a form? Angular › Routing | Angular | Routing | Intermediate |
| 24 | How do you use revalidatePath to refresh the cache for a specific page after content changes? Next.js › On-Demand Revalidation Strategies | Next.js | On-Demand Revalidation Strategies | Intermediate |
| 25 | How would you write an end to end test that checks a full user flow across multiple pages, such as logging in and viewing a dashboard? React › Testing | React | Testing | Advanced |
| 26 | How would you manually clear cached data after a user performs an action, such as creating a new post? Next.js › Caching | Next.js | Caching | Advanced |
| 27 | What is optimistic UI, and how can you apply it to a form submission for a better user experience? Next.js › Form Handling & Validation in Next.js | Next.js | Form Handling & Validation in Next.js | Advanced |