Vue Templates Logo Vue Templates
Ts Express Vue3 screenshot

Ts Express Vue3

Author Avatar Theme by Elibolonur
Updated: 7 Dec 2024
29 Stars

Boilerplate for Express + Vue 3 with Typescript and Composition API

Github

Categories

Express Scss

Overview

The Typescript + Express + Vue 3 Boilerplate is a project template that combines the power of Typescript, Express, and Vue 3 with the Composition API. It provides a starting point for developing web applications with a server-side Express backend and a client-side Vue 3 front-end. The template includes examples for using both the Composition API and the Options API in the Vue components.

Features

  • Express + Vue 3: Integrates the Express server framework with the latest version of Vue.
  • Typescript: The entire project is written in Typescript, providing static typing and improved tooling support.
  • Composition API Example: Includes an example of using the Composition API in Vue 3 for building components.
  • Options API Example: Includes an example of using the Options API in Vue 3 for building components.
  • Concurrent Build and Serve: Allows simultaneous building and serving of both client and server projects with a single command.
  • Separate Client and Server Run/Build: Provides commands to run or build the client and server projects separately.

Installation

  1. Clone the repository:
    git clone <repository-url>
  2. Navigate to the project directory:
    cd typescript-express-vue3-boilerplate
  3. Install dependencies:
    npm install
  4. Start the server and client projects concurrently:
    npm run serve
    This will start both the server and client projects and run them concurrently.

Alternatively, you can run the client and server projects separately using the following commands:

  • Run client project: npm run dev:client
  • Run server project: npm run dev:server
  • Build client project: npm run build:client
  • Build server project: npm run build:server

Summary

The Typescript + Express + Vue 3 Boilerplate is a powerful project template that combines Typescript, the Express server framework, and Vue 3 with the Composition API. With examples for using both the Composition API and the Options API, this boilerplate provides a solid starting point for developing web applications. The concurrent build and serve feature allows for efficient development and testing, while the option to run and build the client and server projects separately provides flexibility in deployment.