So i’m trying to create simple webpage where blog content and feed is showed using dynamic data model. Everything works and looks fine in builder but when i hit publish and preview my live page all the links are broken.
Builder content link
Builder.io: Visual Development Platform
What are you trying to accomplish
Using dynamic data model data in webpage.
Screenshots or video link
Live page:
Code stack you are integrating Builder with
Qwik
Hi @iletti ,
Thank you for reaching out here, I will take a look into it. Could you share the code snippet of your package.json and if possible could you check if there were any error or issues when deploying on Vercel?
{
"name": "my-qwik-site-with-visual-cms",
"description": "Site integrated with Builder.io for visual editing",
"engines": {
"node": ">=15.0.0"
},
"private": true,
"trustedDependencies": [
"sharp"
],
"type": "module",
"scripts": {
"build": "qwik build",
"build.client": "vite build",
"build.preview": "vite build --ssr src/entry.preview.tsx",
"build.server": "vite build -c adapters/vercel-edge/vite.config.ts",
"build.types": "tsc --incremental --noEmit",
"deploy": "vercel deploy",
"dev": "vite --mode ssr",
"dev.debug": "node --inspect-brk ./node_modules/vite/bin/vite.js --mode ssr --force",
"fmt": "prettier --write .",
"fmt.check": "prettier --check .",
"lint": "eslint \"src/**/*.ts*\"",
"preview": "qwik build preview && vite preview --open",
"start": "vite --open --mode ssr",
"qwik": "qwik"
},
"devDependencies": {
"@builder.io/dev-tools": "^0.0.7",
"@builder.io/qwik": "^1.4.4",
"@builder.io/qwik-city": "^1.4.4",
"@builder.io/sdk-qwik": "^0.4.1",
"@types/eslint": "^8.56.2",
"@types/node": "^20.11.6",
"@typescript-eslint/eslint-plugin": "^6.19.1",
"@typescript-eslint/parser": "^6.19.1",
"eslint": "^8.56.0",
"eslint-plugin-qwik": "^1.4.4",
"prettier": "^3.2.4",
"typescript": "5.3.3",
"undici": "*",
"vercel": "^29.1.1",
"vite": "^5.0.12",
"vite-tsconfig-paths": "^4.2.1"
},
"dependencies": {
"@builder.io/sdk": "^2.2.2"
And here is build log:
[06:58:19.677] Running build in Washington, D.C., USA (East) – iad1
[06:58:20.320] Cloning github.com/iletti/Blog-site (Branch: main, Commit: 1cf514d)
[06:58:20.687] Previous build cache not available
[06:58:20.719] Cloning completed: 399.13ms
[06:58:20.980] Running “vercel build”
[06:58:21.461] Vercel CLI 33.5.1
[06:58:22.490] Warning: Detected “engines”: { “node”: “>=15.0.0” } in your package.json that will automatically upgrade when a new major Node.js Version is released. Learn More: Using the Node.js Runtime with Serverless Functions
[06:58:22.501] Installing dependencies…
[06:58:29.068] npm WARN deprecated vm2@3.9.19: The library contains critical security issues and should not be used for production! The maintenance of the project has been discontinued. Consider migrating your code to isolated-vm.
[06:58:30.112] npm WARN deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
[06:58:36.197]
[06:58:36.198] added 1013 packages in 13s
[06:58:36.198]
[06:58:36.198] 270 packages are looking for funding
[06:58:36.198] run npm fund for details
[06:58:36.225] Detected package-lock.json generated by npm 7+
[06:58:36.225] Running “npm run build”
[06:58:36.691]
[06:58:36.691] > build
[06:58:36.691] > qwik build
[06:58:36.691]
[06:58:36.756]
[06:58:36.757] …
[06:58:36.757] .::: :--------:.
[06:58:36.757] .:::: .:-------:.
[06:58:36.757] .:::::. .:-------.
[06:58:36.758] ::::::. .:------.
[06:58:36.758] ::::::. :-----:
[06:58:36.758] ::::::. .:-----.
[06:58:36.758] :::::::. .-----.
[06:58:36.758] ::::::::… —:.
[06:58:36.758] .:::::::::. :-:.
[06:58:36.758] …::::::::::::
[06:58:36.759] …::::
[06:58:36.759]
[06:58:36.759]
[06:58:36.760]
[06:58:36.760] npm run build.types
[06:58:36.760] npm run build.client
[06:58:36.761] npm run build.server
[06:58:36.761] npm run lint
[06:58:36.761]
[06:58:37.172]
[06:58:37.172] > build.client
[06:58:37.174] > vite build
[06:58:37.174]
[06:58:37.209]
[06:58:37.209] > build.types
[06:58:37.209] > tsc --incremental --noEmit
[06:58:37.209]
[06:58:39.322] e[36mvite v5.1.1 e[32mbuilding for production…e[36me[39m
[06:58:40.149] transforming…
[06:58:42.415] e[32m✓e[39m 148 modules transformed.
[06:58:42.652] rendering chunks…
[06:58:43.008] computing gzip size…
[06:58:43.055] e[2mdist/e[22me[32mbuild/q-bundle-graph-kqtfoe.json e[39me[1me[2m 1.11 kBe[22me[1me[22me[2m │ gzip: 0.53 kBe[22m
[06:58:43.056] e[2mdist/e[22me[32mqwik-prefetch-service-worker.js e[39me[1me[2m 3.53 kBe[22me[1me[22m
[06:58:43.058] e[2mdist/e[22me[32mq-manifest.json e[39me[1me[2m55.08 kBe[22me[1me[22me[2m │ gzip: 8.56 kBe[22m
[06:58:43.058] e[2mdist/e[22me[35mbuild/q-DCS2hlAk.css e[39me[1me[2m 2.67 kBe[22me[1me[22me[2m │ gzip: 1.00 kBe[22m
[06:58:43.058] e[2mdist/e[22me[36mbuild/q-Ci-Xds8h.js e[39me[1me[2m 0.14 kBe[22me[1me[22me[2m │ gzip: 0.13 kBe[22m
[06:58:43.059] e[2mdist/e[22me[36mbuild/q-Dco5O41_.js e[39me[1me[2m 0.20 kBe[22me[1me[22me[2m │ gzip: 0.18 kBe[22m
[06:58:43.064] e[2mdist/e[22me[36mbuild/q-DFJj2thG.js e[39me[1me[2m 0.20 kBe[22me[1me[22me[2m │ gzip: 0.18 kBe[22m
[06:58:43.064] e[2mdist/e[22me[36mbuild/q-khrAdEMp.js e[39me[1me[2m 0.25 kBe[22me[1me[22me[2m │ gzip: 0.19 kBe[22m
[06:58:43.065] e[2mdist/e[22me[36mbuild/q-Dzik2xz3.js e[39me[1me[2m 0.26 kBe[22me[1me[22me[2m │ gzip: 0.23 kBe[22m
[06:58:43.065] e[2mdist/e[22me[36mbuild/q-VEUZ56x5.js e[39me[1me[2m 0.32 kBe[22me[1me[22me[2m │ gzip: 0.21 kBe[22m
[06:58:43.065] e[2mdist/e[22me[36mbuild/q-BHEHrP2j.js e[39me[1me[2m 0.34 kBe[22me[1me[22me[2m │ gzip: 0.23 kBe[22m
[06:58:43.065] e[2mdist/e[22me[36mbuild/q-BmkrhfNM.js e[39me[1me[2m 0.34 kBe[22me[1me[22me[2m │ gzip: 0.23 kBe[22m
[06:58:43.066] e[2mdist/e[22me[36mbuild/q-BsOVJDZZ.js e[39me[1me[2m 0.35 kBe[22me[1me[22me[2m │ gzip: 0.26 kBe[22m
[06:58:43.066] e[2mdist/e[22me[36mbuild/q-dBjF2ZrV.js e[39me[1me[2m 0.36 kBe[22me[1me[22me[2m │ gzip: 0.25 kBe[22m
[06:58:43.066] e[2mdist/e[22me[36mbuild/q-D-VFEmIF.js e[39me[1me[2m 0.36 kBe[22me[1me[22me[2m │ gzip: 0.28 kBe[22m
[06:58:43.066] e[2mdist/e[22me[36mbuild/q-DivWgGUo.js e[39me[1me[2m 0.42 kBe[22me[1me[22me[2m │ gzip: 0.26 kBe[22m
[06:58:43.066] e[2mdist/e[22me[36mbuild/q-COuu5j6X.js e[39me[1me[2m 0.46 kBe[22me[1me[22me[2m │ gzip: 0.29 kBe[22m
[06:58:43.067] e[2mdist/e[22me[36mbuild/q-D4bgxCOm.js e[39me[1me[2m 0.47 kBe[22me[1me[22me[2m │ gzip: 0.32 kBe[22m
[06:58:43.067] e[2mdist/e[22me[36mbuild/q-CiP5ljCp.js e[39me[1me[2m 0.54 kBe[22me[1me[22me[2m │ gzip: 0.36 kBe[22m
[06:58:43.067] e[2mdist/e[22me[36mbuild/q-2wuM1G5g.js e[39me[1me[2m 0.54 kBe[22me[1me[22me[2m │ gzip: 0.35 kBe[22m
[06:58:43.067] e[2mdist/e[22me[36mbuild/q-C63qmkjm.js e[39me[1me[2m 0.57 kBe[22me[1me[22me[2m │ gzip: 0.34 kBe[22m
[06:58:43.068] e[2mdist/e[22me[36mbuild/q-BK3C7jjx.js e[39me[1me[2m 0.67 kBe[22me[1me[22me[2m │ gzip: 0.40 kBe[22m
[06:58:43.068] e[2mdist/e[22me[36mbuild/q-B9-sEozJ.js e[39me[1me[2m 0.67 kBe[22me[1me[22me[2m │ gzip: 0.40 kBe[22m
[06:58:43.068] e[2mdist/e[22me[36mbuild/q-B1E45wdx.js e[39me[1me[2m 0.71 kBe[22me[1me[22me[2m │ gzip: 0.39 kBe[22m
[06:58:43.068] e[2mdist/e[22me[36mbuild/q-DV8rqB8Q.js e[39me[1me[2m 0.74 kBe[22me[1me[22me[2m │ gzip: 0.47 kBe[22m
[06:58:43.068] e[2mdist/e[22me[36mbuild/q-DbkpLaZp.js e[39me[1me[2m 0.75 kBe[22me[1me[22me[2m │ gzip: 0.46 kBe[22m
[06:58:43.069] e[2mdist/e[22me[36mbuild/q-CqWqRLzs.js e[39me[1me[2m 0.89 kBe[22me[1me[22me[2m │ gzip: 0.55 kBe[22m
[06:58:43.069] e[2mdist/e[22me[36mbuild/q-kQ6eX2Vj.js e[39me[1me[2m 0.90 kBe[22me[1me[22me[2m │ gzip: 0.54 kBe[22m
[06:58:43.069] e[2mdist/e[22me[36mbuild/q-D0mPK4DU.js e[39me[1me[2m 0.90 kBe[22me[1me[22me[2m │ gzip: 0.56 kBe[22m
[06:58:43.069] e[2mdist/e[22me[36mbuild/q-BXbJr2wA.js e[39me[1me[2m 0.90 kBe[22me[1me[22me[2m │ gzip: 0.52 kBe[22m
[06:58:43.069] e[2mdist/e[22me[36mbuild/q-BJuRGl9X.js e[39me[1me[2m 0.96 kBe[22me[1me[22me[2m │ gzip: 0.51 kBe[22m
[06:58:43.070] e[2mdist/e[22me[36mbuild/q-CwCv39YN.js e[39me[1me[2m 1.00 kBe[22me[1me[22me[2m │ gzip: 0.61 kBe[22m
[06:58:43.070] e[2mdist/e[22me[36mbuild/q-CuRgP1Rf.js e[39me[1me[2m 1.22 kBe[22me[1me[22me[2m │ gzip: 0.73 kBe[22m
[06:58:43.070] e[2mdist/e[22me[36mbuild/q-CqJ76tkE.js e[39me[1me[2m 1.30 kBe[22me[1me[22me[2m │ gzip: 0.65 kBe[22m
[06:58:43.070] e[2mdist/e[22me[36mbuild/q-BL6MDd4e.js e[39me[1me[2m 1.36 kBe[22me[1me[22me[2m │ gzip: 0.69 kBe[22m
[06:58:43.070] e[2mdist/e[22me[36mbuild/q-BEI3M09z.js e[39me[1me[2m 1.69 kBe[22me[1me[22me[2m │ gzip: 0.82 kBe[22m
[06:58:43.071] e[2mdist/e[22me[36mbuild/q-BZUMQ_7Y.js e[39me[1me[2m 1.79 kBe[22me[1me[22me[2m │ gzip: 0.79 kBe[22m
[06:58:43.071] e[2mdist/e[22me[36mbuild/q-BmaoSQs2.js e[39me[1me[2m 1.79 kBe[22me[1me[22me[2m │ gzip: 0.95 kBe[22m
[06:58:43.071] e[2mdist/e[22me[36mbuild/q-mnZJF-wx.js e[39me[1me[2m 2.25 kBe[22me[1me[22me[2m │ gzip: 0.99 kBe[22m
[06:58:43.074] e[2mdist/e[22me[36mbuild/q-fJkQnue_.js e[39me[1me[2m 2.29 kBe[22me[1me[22me[2m │ gzip: 1.11 kBe[22m
[06:58:43.074] e[2mdist/e[22me[36mservice-worker.js e[39me[1me[2m 2.54 kBe[22me[1me[22me[2m │ gzip: 1.21 kBe[22m
[06:58:43.075] e[2mdist/e[22me[36mbuild/q-DMRznrab.js e[39me[1me[2m 2.73 kBe[22me[1me[22me[2m │ gzip: 1.09 kBe[22m
[06:58:43.077] e[2mdist/e[22me[36mbuild/q-BFVFA0Oc.js e[39me[1me[2m 2.79 kBe[22me[1me[22me[2m │ gzip: 1.26 kBe[22m
[06:58:43.078] e[2mdist/e[22me[36mbuild/q-DAMhYF12.js e[39me[1me[2m 3.39 kBe[22me[1me[22me[2m │ gzip: 1.22 kBe[22m
[06:58:43.078] e[2mdist/e[22me[36mbuild/q-CEIzqeSa.js e[39me[1me[2m 3.81 kBe[22me[1me[22me[2m │ gzip: 1.82 kBe[22m
[06:58:43.078] e[2mdist/e[22me[36mbuild/q-BVqXhhNM.js e[39me[1me[2m 3.88 kBe[22me[1me[22me[2m │ gzip: 1.24 kBe[22m
[06:58:43.081] e[2mdist/e[22me[36mbuild/q-PjuUyyc8.js e[39me[1me[2m 5.45 kBe[22me[1me[22me[2m │ gzip: 1.94 kBe[22m
[06:58:43.081] e[2mdist/e[22me[36mbuild/q-BV0LJD7B.js e[39me[1me[2m 5.81 kBe[22me[1me[22me[2m │ gzip: 2.48 kBe[22m
[06:58:43.081] e[2mdist/e[22me[36mbuild/q-D3Iv3_dU.js e[39me[1me[2m 9.03 kBe[22me[1me[22me[2m │ gzip: 4.21 kBe[22m
[06:58:43.081] e[2mdist/e[22me[36mbuild/q-BWASI9kr.js e[39me[1me[2m39.00 kBe[22me[1me[22me[2m │ gzip: 13.75 kBe[22m
[06:58:43.084] e[2mdist/e[22me[36mbuild/q-BymVfO52.js e[39me[1me[2m52.38 kBe[22me[1me[22me[2m │ gzip: 21.33 kBe[22m
[06:58:43.084] e[32m✓ built in 3.69se[39m
[06:58:43.114]
[06:58:43.115] ✓ Built client modules
[06:58:43.760]
[06:58:43.760] > build.server
[06:58:43.760] > vite build -c adapters/vercel-edge/vite.config.ts
[06:58:43.760]
[06:58:43.895]
[06:58:43.895] > lint
[06:58:43.895] > eslint “src/**/.ts”
[06:58:43.895]
[06:58:45.694] e[36mvite v5.1.1 e[32mbuilding SSR bundle for production…e[36me[39m
[06:58:50.225] e[0me[0m
[06:58:50.225] e[0me[4m/vercel/path0/src/routes/[…index]/index.tsxe[24me[0m
[06:58:50.225] e[0m e[2m2:1e[22m e[33mwarninge[39m Import “DocumentHead” is only used as types e[2m@typescript-eslint/consistent-type-importse[22me[0m
[06:58:50.225] e[0me[0m
[06:58:50.225] e[0me[33me[1m✖ 1 problem (0 errors, 1 warning)e[22me[39me[0m
[06:58:50.225] e[0me[33me[1me[22me[39me[33me[1m 0 errors and 1 warning potentially fixable with the --fix option.e[22me[39me[0m
[06:58:50.226] e[0me[33me[1me[22me[39me[0m
[06:58:51.241] transforming…
[06:58:53.104] e[32m✓e[39m 28 modules transformed.
[06:58:53.214] rendering chunks…
[06:58:53.277] e[2m.vercel/output/functions/_qwik-city.func/e[22me[35mbuild/q-Bp3dsxg8.css e[39me[1me[2m 2.67 kBe[22me[1me[22m
[06:58:53.277] e[2m.vercel/output/functions/_qwik-city.func/e[22me[36mentry.ssr.js e[39me[1me[2m 0.08 kBe[22me[1me[22m
[06:58:53.277] e[2m.vercel/output/functions/_qwik-city.func/e[22me[36m@qwik-city-plan.js e[39me[1me[2m 0.20 kBe[22me[1me[22m
[06:58:53.277] e[2m.vercel/output/functions/_qwik-city.func/e[22me[36mentry.vercel-edge.js e[39me[1me[2m 19.13 kBe[22me[1me[22m
[06:58:53.278] e[2m.vercel/output/functions/_qwik-city.func/e[22me[36mq-Cp1VpkSL.js e[39me[1me[2m 63.92 kBe[22me[1me[22m
[06:58:53.278] e[2m.vercel/output/functions/_qwik-city.func/e[22me[36mq-C-E7GQ2G.js e[39me[1me[2m144.85 kBe[22me[1me[22m
[06:58:53.312]
[06:58:53.313] e[1me[32mStarting Qwik City SSG…e[39me[22m
[06:58:53.318]
[06:58:53.318] e[32mSSG resultse[39m
[06:58:53.319] - Duration: e[2m5.3 mse[22m
[06:58:53.319]
[06:58:53.601] e[32m✓ built in 7.87se[39m
[06:58:53.648] ✓ Built server (ssr) modules
[06:58:53.648] ✓ Type checked
[06:58:53.648] ✓ Lint checked
[06:58:53.649]
[06:58:53.719] Build Completed in /vercel/output [31s]
[06:58:53.812] Deploying outputs…
[06:58:59.761]
[06:59:00.008] Deployment completed
[06:59:08.371] Uploading build cache [65.46 MB]…
[06:59:10.609] Build cache uploaded: 2.238s
Hey @iletti Thank you for reaching out to the Builder.io Forum with your question about Qwik! Unfortunately, this support channel is only intended for questions about the use of the Builder.io Visual Editor and its related plans and pricing.
However, Our Open source development team would love to help you take advantage of Qwik and Partytown to boost your site performance scores further and provide more value to your implementation with Builder.
To reach out to the Partytown and Qwik open source project teams, please head over to our Discord and join the discussion there. For the best results, we’d recommend you make a copy of your implementation of Partytown and place it in a Stackblitz project for review, then share it with the #general-partytown channel.
I hope you find the information above helpful and please don’t hesitate to reach out to us if you need any further assistance.