Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/awebcode/next-express-nest-starter-template
Next-Express-Nest Starter Template A starter template for building full-stack applications using Next.js, Express, and Nest.js. Kickstart your projects with this robust foundation for scalable web applications!
https://github.com/awebcode/next-express-nest-starter-template
expressjs expressjs-framework mern mern-starter nestjs nextjs nextjs-starter-kit react react-starter-kit
Last synced: 7 days ago
JSON representation
Next-Express-Nest Starter Template A starter template for building full-stack applications using Next.js, Express, and Nest.js. Kickstart your projects with this robust foundation for scalable web applications!
- Host: GitHub
- URL: https://github.com/awebcode/next-express-nest-starter-template
- Owner: awebcode
- Created: 2024-09-18T17:39:43.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-10-16T03:58:50.000Z (2 months ago)
- Last Synced: 2024-10-28T21:19:56.502Z (about 2 months ago)
- Topics: expressjs, expressjs-framework, mern, mern-starter, nestjs, nextjs, nextjs-starter-kit, react, react-starter-kit
- Language: TypeScript
- Homepage: https://asikur.vercel.app
- Size: 2.19 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Next-Express-Nest Starter Template
**Live Demo:** [Link to Demo](https://your-demo-link.com)
Welcome to the source code of the **Next-Express-Nest Starter Template**. This repository provides a structured foundation for building full-stack applications using **Next.js**, **Express**, and **Nest.js**. It’s designed for developers looking to create scalable, high-performance web applications efficiently.
---
## 📑 Table of Contents
1. [About Me](#about-me)
2. [Features](#features)
3. [Technologies Used](#technologies-used)
4. [Project Structure](#project-structure)
5. [Setup & Installation](#setup--installation)
6. [Contributing](#contributing)
7. [License](#license)
8. [Contact](#contact)
9. [Future Improvements](#future-improvements)
10. [Acknowledgments](#acknowledgments)
---
## 👋 About Me
Hi, I’m **Asikur Rahaman**, a passionate and results-driven **Full Stack Developer** with over four years of experience in building **high-performance, real-time web applications** and **scalable backend systems**. My expertise lies in crafting seamless user experiences by combining modern **frontend frameworks** with efficient **backend architectures**.
I specialize in working with the latest technologies, including:
- **Frontend:** React.js, Next.js, Tailwind CSS, ShadCn, Framer Motion
- **Backend:** Node.js, Nest.js, Express.js, GraphQL
- **Database & ORM:** PostgreSQL, MongoDB, Prisma ORM, MySQL
- **CMS & eCommerce:** Payload CMS, Medusa, Shopify
- **Programming Languages:** JavaScript (ES6+), TypeScript
- **Authentication & APIs:** OAuth, JWT, REST, WebSockets
- **DevOps & Tools:** Docker, Git, GitHub, Vercel, Railway, Firebase
- **Testing:** Jest, Playwright, React Testing Library
- **CI/CD & Cloud:** Docker, GitHub Actions, Render, AWS
As an **agile developer**, I thrive in fast-paced, collaborative environments, whether working remotely with global teams or contributing to open-source projects. I’m proficient in **building microservices**, **real-time systems** using **Socket.io**, and developing dynamic, interactive UIs.
I’m constantly learning and exploring emerging technologies like **Server Components in Next.js**, **GraphQL APIs**, and **headless CMS integrations** to stay ahead of the curve. With a keen eye for **UI/UX design principles**, I enjoy building scalable, responsive, and pixel-perfect interfaces.
Whether it's architecting **complex eCommerce platforms**, integrating **third-party APIs**, or optimizing **server-side rendering (SSR)** for performance, I take pride in solving real-world problems through code.
I look forward to contributing to innovative projects, collaborating with talented teams, and helping organizations unlock their full potential through **modern web solutions**.
---
## ✨ Features
- **Modular Architecture**: Organized structure for both the client and server.
- **CMS & eCommerce:** Payload CMS, Medusa, Shopify
- **Server-rendered Pages**: Using Next.js for enhanced SEO and performance.
- **Responsive Design**: Optimized for various devices and screen sizes.
- **Real-time Data Fetching**: Using React Query for dynamic data handling.
- **RESTful API**: Built with Express and Nest.js for seamless communication.
- **TypeScript Support**: Strongly typed code for better maintainability.
- **Docker Support**: Easily containerized applications for deployment.
---
## 🛠️ Technologies Used
**Frontend:**
- Next.js
- React
- Tailwind CSS
- ShadCn
- Framer Motion
**Backend:**
- Express.js
- Nest.js
- Prisma ORM
**Database:**
- PostgreSQL,Redis
**Email:**
- Resend,Sendgrid
**File-Storage:**
- Cloudinary
**Dev Tools:**
- Git
- Docker
- Vercel
- Railway
---
# 🛠️ Setup & Installation
### Follow these steps to set up the project locally:
### Prerequisites
- Node.js (>= 20.x)
- Yarn (preferred) or npm
- Git installed
# Clone the repository
git clone https://github.com/awebcode/next-express-nest-starter-template.git
# Navigate into the project folder
cd [this repo name]
Navigate into the project folder:
cd next-express-nest-starter-template
Install dependencies:
### For the client:
cd client
yarn install
For the Express server:
cd ../express-server
yarn install
For the Nest server:
cd ../nest-server
yarn install
Start the development servers:
### For the Express server:
cd express-server
yarn start
For the Nest server (in a separate terminal):
### cd nest-server
yarn start
For the client (in another terminal):
### cd client
yarn dev
# Install dependencies
yarn install
# Start the development server
yarn dev
# 📄 License
This project is licensed under the **MIT License** – see the [LICENSE](LICENSE) file for details.
---
# 📧 Contact
Feel free to reach out to me for collaboration or freelance work!
- **Email:** [[email protected]](mailto:[email protected])
- **LinkedIn:** [linkedin.com/in/awebcode](https://linkedin.com/in/awebcode)
- **Portfolio:** [asikur.vercel.app](https://asikur.vercel.app)
---
# 📈 Future Improvements
- **Reusable Utilities will be included.**
- **Integrate Medusa backend for eCommerce functionality.**
- **Add a blog section with markdown rendering.**
- **Implement a dark mode toggle.**
- **Deploy using a CI/CD pipeline for seamless updates.**
# 🤝 Contributing
Contributions are welcome! If you’d like to contribute to this project, please follow these steps:
### Fork the repository.
- Create a new feature branch (git checkout -b feature-branch).
Commit your changes (git commit -m 'Add new feature').
Push to the branch (git push origin feature-branch).
Open a Pull Request.
# 🙏 Acknowledgments
- Special thanks to the open-source community for their amazing libraries and tools.
Thanks to Vercel for the Next.js framework and NestJS for the backend architecture.
---
### Thank you for checking out my portfolio! If you found it helpful or inspiring, consider giving this repository a ⭐.
## 📁 Project Structure
```plaintext
/ -> Root folder
│
├── /client -> Next.js frontend
│ ├── /pages -> Next.js pages
│ ├── /components -> Reusable React components
│ ├── /styles -> CSS & Tailwind configuration
│ └── /hooks -> Custom React hooks
│
├── /express-server -> Express.js backend
│ ├── /routes -> API routes
│ ├── /controllers -> Route handlers
│ ├── /middleware -> Custom middleware
│ └── /utils -> Utility functions for Express
│
├── /nest-server -> Nest.js backend
│ ├── /src -> Source files
│ ├── /modules -> Feature modules
│ ├── /config -> Configuration files
│ └── /interceptors -> Custom interceptors
│
└── README.md -> Project documentation