https://github.com/thelicato/full-stack-monorepo-starter
A full-stack monorepo starter project
https://github.com/thelicato/full-stack-monorepo-starter
express-js full-stack monorepo react starter typescript
Last synced: 4 months ago
JSON representation
A full-stack monorepo starter project
- Host: GitHub
- URL: https://github.com/thelicato/full-stack-monorepo-starter
- Owner: thelicato
- Created: 2023-09-24T10:43:18.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-25T08:28:07.000Z (about 2 years ago)
- Last Synced: 2025-06-10T08:14:33.281Z (4 months ago)
- Topics: express-js, full-stack, monorepo, react, starter, typescript
- Language: TypeScript
- Homepage: https://thelicato.medium.com/crafting-a-shared-typescript-package-for-full-stack-web-apps-9163385b3a85
- Size: 104 KB
- Stars: 2
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Full-Stack Monorepo Starter
Welcome to the Full-Stack Monorepo Starter! This repository complements the article published on Medium, providing practical support for building efficient TypeScript full-stack web applications using a monorepo structure.
## 👋 Overview
This starter project is designed to align with the concepts discussed in the [Medium article](https://thelicato.medium.com/crafting-a-shared-typescript-package-for-full-stack-web-apps-9163385b3a85), helping you kickstart your journey into full-stack TypeScript web development. It demonstrates the power of sharing code, types, and utilities between the backend and frontend, enhancing collaboration and consistency across the stack.
## 💡 Features
- **Monorepo Structure**: Organize your project with separate packages for the backend and frontend, facilitating code sharing and scalability.
- **Shared Package**: Explore how to create and manage a shared TypeScript package for common types and utilities, promoting code reusability.
- **pnpm Integration**: Learn how to leverage the pnpm package manager for efficient dependency management within a monorepo, reducing redundancy and saving disk space.
## 🌟 Getting Started
1. Clone this repository to your local machine:
```bash
git clone https://github.com/thelicato/full-stack-monorepo-starter.git
```
2. Navigate to the project directory:
```bash
cd full-stack-monorepo-starter
```
1. Follow the step-by-step guide provided in your Medium article to dive into the intricacies of building a TypeScript full-stack web application using this starter project.
Feel free to experiment, modify, and adapt the codebase to your specific project requirements, using the knowledge gained from the Medium article as your guide.
## 📦 Project Structure
This project adheres to a monorepo structure, which separates the backend and frontend into their respective directories:
- backend/: Contains the Express.js backend application.
- frontend/: Houses the React.js frontend application.
- bff/: Demonstrates the creation and management of a shared TypeScript package for common types and utilities.
## 📚 Reference
This repo is complementary to the post published on [Medium](https://thelicato.medium.com/crafting-a-shared-typescript-package-for-full-stack-web-apps-9163385b3a85).