How to add hard-coded website to square space? (beehaw.org)

submitted 1 year ago by reric88@beehaw.org to c/programming@beehaw.org

14 comments fedilink hide all child comments

I have a couple sites on Google and since they sold to square space I thought I'd try to keep my stuff there. But I can't figure it out. Square space is a site builder with a GUI and I can't find anywhere to just deploy my site to them as a react app. I have found a few areas where I can add some code, but they are for specific areas of the provided templates. I've even tried to use developer mode, but it looks like you still need to follow their template rules to get anywhere.

It's been a huge headache, Google made it so easy.

you are viewing a single comment's thread
view the rest of the comments

[-] reric88@beehaw.org 2 points 1 year ago

Thanks! I kind of figured it out after a lot of searching and trial and error.

I removed all but one page, and removed all content on that page. In website settings, there's an option for "code injection". This is where I pasted all my code, but I had to do it in a weird way.

I built the website with React, and each page was it's own component. I had to build the project, and then take all of the JS created from the build process and wrap them in script tags, and wrap the CSS in style tags. Then I had to make a div with an id of root within the code injection body. Afterwards, I copied and pasted all the JS and CSS under the root div.

It's not perfect and I need to tweak some things, but the site is 90% intact.

[-] Quexotic@beehaw.org 2 points 1 year ago

That... That's a lot.

I'm glad you figured it out. I think I would have switched services.

this post was submitted on 27 Oct 2023

13 points (100.0% liked)

Programming

13361 readers

1 users here now

All things programming and coding related. Subcommunity of Technology.

This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.

founded 2 years ago

MODERATORS

alyaza@beehaw.org

Hexorg@beehaw.org

remington@beehaw.org