Typed Next.js app with tests

What you end up with

A working Next.js app where every input is validated with Zod and core logic has Vitest tests. The two prompts draft the Zod schemas from sample JSON and the first unit tests.

1. 1
   TechnologyFramework

   Next.js

   React framework with server rendering, routing and caching built in.

2. 2
   TechnologyStyling

   Tailwind CSS

   Utility-first CSS framework. Style directly in markup and ship only the classes you use.

3. 3
   TechnologyValidation

   Zod

   TypeScript-first schema validation with static type inference. Validate API input once and get types for free.

   npm install zod

4. 4
   PromptDraft the schemas

   Zod schema from a JSON example
5. 5
   TechnologyTesting

   Vitest

   Fast, Vite-native unit test framework with a Jest-compatible API.

   npm install -D vitest

6. 6
   PromptDraft the first tests

   Unit tests for a pure function (no mocks)

Review commands before running them. Promptu never runs code on your machine.