Join the Webstudio community

Updated 5 months ago

share link is invalid problem

At a glance

A community member is trying to set up a Webstudio project using the free version, but is encountering an issue with the self-hosting part. They are following a tutorial video and have updated Node.js and npm, created a new folder, and run the npx webstudio@latest command. However, when they try to paste a share link, they receive an "Invalid share link" error. The community member notes that the share link format seems different from the tutorial video and is unsure if this is related to using the free version.

In the comments, other community members indicate that there was an issue with the CLI and routing that has been fixed in a newer version (0.175.0). They suggest the community member try again with the updated version. One community member also mentions encountering a CORS error when trying to work with Vercel, and still receiving an "Invalid share link" error even after running the webstudio link command.

The issue appears to have been resolved in a pull request (https://github.com/webstudio-is/webstudio/pull/4056) that will be released soon, according to one of the comments.

Useful resources
I am a new user trying Webstudio for the first time. I'm following a tutorial and encountering an issue with the self-hosting part, so I'd like to ask for help.

I'm currently following a tutorial video (https://www.youtube.com/watch?v=eoyB9DfWdT8&t=11s) to set up a Webstudio project. It's important to note that I'm using the free version of Webstudio, not the pro version. Here's what I've done so far:

  1. I've updated Node.js and npm to their latest versions.
  2. I opened a terminal in Visual Studio Code.
  3. I created a new folder for my project.
  4. I ran the command npx webstudio@latest in the terminal.
  5. When prompted, I chose not to create a new project folder.
  6. I attempted to paste a share link from Webstudio.
The problem I'm encountering is that when I paste the share link, I get an error message saying "Share link is invalid". This is preventing me from moving forward with my project setup.

I've noticed that the share link format seems different from what's shown in the tutorial video. I'm not sure if this issue is related to me using the free version of Webstudio or if there's another reason for it.

My current specs are as follows:
Windows 11
Node.js 20.16.0
npm 10.8.2

And this is just a share link I made for testing:
https://p-460c70e8-7667-4526-b74f-98b831a3e87e.apps.webstudio.is/?authToken=8749b429-cf73-4fa8-8ce1-f32dd56b9215&mode=preview

Can you help me figure out what's going on? I'm kinda stuck here and don't know what to do next.
Attachment
SPOILER_image.png
2
O
d
B
7 comments
We forgot to update CLI and chagned the routing, fix is coming https://github.com/webstudio-is/webstudio/issues/4048
I'am still running into the error "share link is invalid" when I'm trying to setup webstudio locally.

My webstudio npm version is 0.174.0. That seems to be the latest version wich I can get from npm, isn´t it?
We just published 0.175.0
Please try again
I recently updated to version 0.175. When I tried to work with Vercel by running npx webstudio@latest and selecting Vercel, I encountered a CORS error with a message suggesting that I should run webstudio link first.

I then ran webstudio link and provided my share link as instructed, but I still receive an "Invalid share link" error. I'm following the tutorial video step-by-step, but the CLI isn't working correctly. Could you please help me resolve this issue?
Attachments
image.png
image.png
cc @Ivan Starkov
Same happend me too.
Add a reply
Sign up and join the conversation on Discord