Steady Start

Welcome to Steady Start, my personal starter kit for all side projects and client projects. This repository serves as a showcase of my ideal project setup, continually updated with the latest improvements from my various projects.

I welcome input and feedback on the stack, code quality, testing practices, and the services utilized—however, I retain the final say; changes may not always be accepted.

New Project Setup Checklist

• Find and replace steadystart with the slug of your project. This will replace most occurrences of package names.
• Replace the favicon in apps/app/favicon.ico.
• Replace the logo in apps/app/logo.png.
• Fill out .env file in the root of the project.
• Replace Steady Start in apps/app/src/components/HeadTitle.tsx.

Tech Stack

This project uses the following modern stack:

Frontend

• React - The latest version of React
• Next.js 15 - React framework for production
• TailwindCSS - Utility-first CSS framework
• React Hook Form - Performant form management
• URQL - Lightweight GraphQL client
• Zod - TypeScript-first schema validation
• GraphQL Yoga - Modern GraphQL server
• Pothos - Code-first GraphQL schema builder
• Prisma - Type-safe database ORM
• Express - Web framework for Node.js
• Clerk - User authentication and management
• TypeScript - Static type checking
• pnpm - Fast, disk space efficient package manager
• ESLint - Code quality tool
• Monorepo - Workspace management

Key Features

This starter kit includes powerful features that accelerate development and promote best practices:

• Type Safety - End-to-end type safety with TypeScript and Prisma
• Authentication - Built-in user management with Clerk
• GraphQL API - Code-first GraphQL API with Pothos
• Responsive UI - Modern UI components using TailwindCSS
• Form Handling - Efficient form management with React Hook Form and Zod validation
• Internationalization - Built-in i18n support with next-translate
• Component Library - Reusable UI components
• Monorepo Structure - Organized codebase with shared packages
• Data Fetching - Efficient GraphQL data fetching with URQL

Icons

We use Fluent UI icons from Microsoft in this project. Search between icons here.

Roadmap

For information about upcoming features and future development plans, please check the GitHub Issues page where all planned work is specified.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Check the GitHub Issues page for open tasks
2. Before starting implementation, create a text description of your proposed solution and share it in the issue comments to get feedback
3. Fork the repository
4. Create a new branch for your feature or bugfix
5. Make your changes
6. Submit a pull request

Please ensure your code follows the existing style and includes appropriate tests where applicable.