Tutorial
Development Workflow
Scripts, hot reload, and day-to-day development with TikShip
Available Scripts
# Development
npm run dev # Start dev server
npm run build # Build for production
npm run start # Start production server
# Database
npm run db:generate # Generate Prisma client
npm run db:seed # Seed database
npm run db:studio # Open Prisma Studio
# Code Quality
npm run lint # Run ESLint
# Storybook
npm run storybook # Start Storybook
npm run build-storybook # Build StorybookHot Reload
The development server supports hot reload for:
- React components
- API routes
- CSS / Tailwind
- Environment variables (requires restart)
Adding a New Page
Create a file under src/app:
// src/app/about/page.tsx
export default function AboutPage() {
return (
<div>
<h1>About Us</h1>
</div>
)
}Database Changes
When you modify prisma/schema.prisma:
- Create a migration:
npx prisma migrate dev- Regenerate the client:
npm run db:generateCode Style
TikShip uses ESLint. Run it before committing:
npm run lint