Merge pull request #7216 from layer5io/leecalcote/ci/create-lightweight-build

Chore: Implement lightweight build mode for local development

Author: alexquincy

.github/workflows/build-and-deploy-site.yml

@@ -30,11 +30,11 @@ jobs:
 
       - name: Install and Build 🔧
         run: |
-          npm install --legacy-peer-deps
-          npm run build
+          make setup
+          make build
 
       - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@4.0.0
+        uses: JamesIves/github-pages-deploy-action@4.7.4
         with:
           branch: site # The branch the action should deploy to.
           folder: public # The folder the action should deploy.

.github/workflows/build-and-preview-site.yml

@@ -16,10 +16,8 @@ jobs:
 
       - name: Install and Build 🔧
         run: |
-          npm install --legacy-peer-deps
-          node -v
-          npm run version
-          npm run noIndex
+          make setup
+          make site-full
 
       - name: Broken Link Check 🔗
         uses: technote-space/broken-link-checker-action@v2

.github/workflows/preview-site.yml

@@ -11,10 +11,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
-        uses: actions/checkout@v2.3.1
+        uses: actions/checkout@v6
 
       - name: Download Site dir
-        uses: dawidd6/action-download-artifact@v2
+        uses: dawidd6/action-download-artifact@v11
         with:
           github_token: ${{ secrets.GH_ACCESS_TOKEN }}
           workflow: build-and-preview-site.yml
@@ -29,7 +29,7 @@ jobs:
 
       - name: Deploy to Netlify
         id: netlify
-        uses: nwtgck/actions-netlify@v1.1
+        uses: nwtgck/actions-netlify@v3
         with:
           publish-dir: 'public'
           production-deploy: false

Makefile

@@ -14,24 +14,29 @@
 
 include .github/build/Makefile.show-help.mk
 
-setup-libs: 
-	## "DEPRECATED: This target is deprecated. Use `make setup`.
-
 ## Install layer5.io dependencies your local machine.
 setup:
 	npm install --legacy-peer-deps
 
-## Run layer5.io on your local machine.
+# "make site" - The default lightweight build keeps the dev server fast by skipping heavy collections.
+## Run a partial build of layer5.io on your local machine.
 site:
-	npm start
-	
+	@echo "🏗️  Building lightweight site version (excluding Members and Integrations collections)..."
+	@npm run develop:lite
+
+# "make site-full" forces the dev server to include every collection.
+## Run a full build of layer5.io on your local machine.
+site-full:
+	@echo "🏗️  Building full site version (including Members and Integrations collections)..."
+	@npm run develop
+
 ## Run layer5.io on your local machine. Alternate method.
 site-fast:
 	NODE_OPTIONS=--max-old-space-size=8192 gatsby develop
 
 ## Build layer5.io on your local machine.
 build:
-	npm run build && npm run serve
+	npm run build
 
 ## Empty build cache and run layer5.io on your local machine.
 clean: 
@@ -51,4 +56,4 @@ features:
 	node .github/build/features-to-json.js .github/build/spreadsheet.csv src/sections/Pricing/feature_data.json
 	rm .github/build/spreadsheet.csv
 
-.PHONY: setup build site clean site-fast lint features
+.PHONY: setup build site site-full clean site-fast lint features

gatsby-config.js

@@ -1,6 +1,11 @@
 /* eslint-env node */
 
 const isProduction = process.env.NODE_ENV === "production";
+const isFullSiteBuild = process.env.BUILD_FULL_SITE !== "false";
+const HEAVY_COLLECTIONS = ["members", "integrations"];
+const collectionIgnoreGlobs = isFullSiteBuild
+  ? []
+  : HEAVY_COLLECTIONS.map((name) => `**/${name}/**`);
 // const isDevelopment = process.env.NODE_ENV === "development";
 
 module.exports = {
@@ -449,10 +454,7 @@ module.exports = {
       options: {
         path: `${__dirname}/src/collections`,
         name: "collections",
-        ignore: [
-          // eslint-disable-next-line quotes
-          `src/collections/integrations/**`,
-        ],
+        ignore: collectionIgnoreGlobs,
       },
     },
     {