Fullstack Blog
始于 vite + vue3 + ts + node 的全栈博客，目前也提供了 react18 版本实现，采用 pnpm monorepo 架构，支持自动化部署，优秀的开发和部署体验。
Overview:
This is a Vue3 + TypeScript + Node open-source full-stack project for creating personal blogs, leveraging Vue3, Typescript, and NodeJS Express. It aims to assist frontend developers who are not very familiar with backend development or full-stack concepts. The project is structured using a pnpm monorepo architecture for better engineering capabilities and development experience.
Features:
- Pnpm Monorepo Architecture: Develop full-stack projects with a single repository for an optimized experience.
- Changeset Integration: Utilize the advanced monorepo version management tool.
- Vite Support: Stay updated with the latest Vue ecosystem trends.
- Code Quality Tools: Includes Prettier, ESLint, and Stylelint for ensuring code quality and style.
- Commitizen and Commitlint: Interactive git commits and commit message standardization.
- Husky + lint-staged: Ensures code quality checks before committing changes.
- Docker Compose Support: Full support for development and production environments for a consistent development experience.
- Github Actions Integration: Automation for building and deploying processes.
Summary:
The fullstack-blog project is a Vue3 + TypeScript + Node open-source full-stack project designed to help frontend developers venture into backend and full-stack development. With features like monorepo architecture, code quality tools, Docker support, and automation with Github Actions, this project aims to provide a comprehensive and efficient development experience. It also includes features like pagination, article details, hot articles, categories, tags, comments, and more to create a complete blogging platform. If you find the project beneficial, consider showing support by starring it on Github and providing feedback through the issue tracking system.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Nest
A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Ant Design
Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.
- Blog
Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.