Deploying a Nuxt Site on Netlify between a pnpm monorepo

• Nuxt 3

  78 11,062 9.9 TypeScript

  Discontinued Old repo of Nuxt 3 framework, now on nuxt/nuxt (by nuxt)

  

Sounds simple, a packages folder containing different libs such as a UI library with my design system done in VueJS, a Typescript lib with utilities and Portfolio website below an apps directory made with Nuxt v3 that will consume several resources from the packages between the monorepo.

• lerna

  162 35,328 9.1 TypeScript

  :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

  

I started with Lerna in the early phases, I was using it with yarn workspaces and the whole CI/CD process was pretty smooth using Semantic Release.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• semantic-release

  75 19,738 9.4 JavaScript

  :package::rocket: Fully automated version management and package publishing

  

I started with Lerna in the early phases, I was using it with yarn workspaces and the whole CI/CD process was pretty smooth using Semantic Release.

• build

  1 212 9.6 TypeScript

  Netlify Build (node process) runs the build command, Build Plugins and bundles Netlify Functions. Can be run in Buildbot or locally using Netlify CLI (by netlify)

  

The next thing to set is the build command. This was the moment I realized that Netlify does not support PNPM right away yet (at the time of writing there is a Feature Request open).

• vite

  785 64,595 9.9 TypeScript

  Next generation frontend tooling. It's fast!

  

Yeeeess!! Let see how Vite netlify config for docs was looking like and BAAAM 💥 there was the answer to our needs:

• image

  8 1,238 9.5 TypeScript

  Plug-and-play image optimization for Nuxt applications. (by nuxt)

  

• vite

  3 1,390 0.0 TypeScript

  Discontinued ⚡ Vite Experience with Nuxt 2 (by nuxt)

  

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project