This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
- Single Source of Truth: All organization schema definitions are centralized in
lib/db/_schema/index.ts
, creating a base schema with derived schemas for various operations. - Type Safety: Consistent validation rules, automatic transformation of date fields from strings to Date objects, and proper handling of nullable fields.
- Simplified API Integration: Flexible schema to handle variations in API responses, schema-based transformations, and enhanced error handling.
- Better Code Organization: Clear separation between base and derived schemas, consistent naming conventions, and documented approach.
- Reduced Duplication: Eliminated redundant schema definitions, centralized transformation logic, and reused schemas across the application.
// Base schema defines the core structure
const organizationBaseSchema = createSelectSchema(organization, {
createdAt: dateTransformer,
updatedAt: dateTransformer,
});
// Main schema for API responses
export const organizationSchema = organizationBaseSchema.extend({
// Additional fields or overrides
});
// Input schemas for specific operations
export const createOrganizationSchema = z.object({
name: z.string().min(2).max(50),
slug: z.string().min(2).max(50).nullable(),
// ...
});
Creating an Organization:
import { createOrganizationSchema } from '@/lib/db/_schema';
// Validate input
const input = createOrganizationSchema.parse({
name: 'My Organization',
slug: 'my-org',
});
Processing API Response:
import { organizationSchema } from '@/lib/db/_schema';
// Automatically transforms string dates to Date objects
const organization = organizationSchema.parse(apiResponse);
console.log(organization.createdAt instanceof Date); // true