Profile avatar
webstudio.is
A happy place to design and build for the web. ☆ Open Source https://git.new/website ☆ All CSS properties ☆ Dynamic at the speed of static
95 posts 219 followers 0 following
Prolific Poster
Conversation Starter

Want to reuse an email 📧, phone number, or CMS connection data throughout your site?? Now you can with Global Data Variables! 🌎 Define reusable data globally 📦 Access the variables anywhere… including inside Slots! 👌 Maintain consistency 🫰 Easier CMS setup! Demos below 😉

Watch as the exact same templates are inserted on two completely different styled sites! This is the new Craft Library in the Marketplace — expertly crafted section templates that rely entirely on Craft CSS variables. Building just got a lot faster🔥

Here’s another self-hosting tutorial — this time with @coolify.io and @digitalocean.com 🙂

No hosting lock-in 🔓 with this setup: Webstudio, Hetzner, Coolify 🔥 Webstudio 👉 Full site export Hetzner 👉 Cost-effective servers Coolify 👉 Deployment management Watch the tutorial 👇

Happy Saturday! I've been in @webstudio.is for about a week, and oh boy, it's utterly wonderful! Of course, my move has inspired 3 blog posts (so far), I make no apologies for that. As soon as they're live, I'll let everyone know, they should be winging their way to your eyeballs soon!

That "2022" in a website's copyright credits? It says "zombie site." 🧟‍♂️ Bots to the rescue! 🤖 Let's make a dynamically updating year in @webstudio. 🧵👉 1/3

New template: NocoDB NocoDB is an open-source visual database tool. Connect it to Webstudio to: 🔢 Display a list of your records with pagination 🔗 See each record on its own URL 🤖 Add those URLs to your sitemap Server-side rendered and search engine friendly 💪 wstd.us/nocodb-template

We launched a help site that is trained on our Discord threads and docs. Ask a question and get: - Relevant threads - An AI answer that is almost always spot on - Sources for the AI answer With 4k members, a lot has been asked. Now it’s easy to find answers! help.webstudio.is

I love Webstudio. I think it is a great alternative to #Webflow, and the pricing is just right. My main blocker to use and recommend Webflow is their pricing model. It's just broken. Webstudio is catching up fast on core features. It's a safe bet. webstudio.is

A lot of talk on webflow vs. framer, but Webstudio is the best thing I’ve found recently. If you like open source, check it out. It’s like an open source version of webflow. webstudio.is

One of our community members, Yurii, documented his journey rebuilding his site in Webstudio after years of using Webflow. www.youtube.com/playlist?lis... Major props to Yurii for sharing his journey with the community! 🙌

Zenblog is an exciting new headless blogging solution. - Notion-like editor - Just works out of the box - Fair pricing with an actually usable free tier Check out Marketplace for the template! webstudio.is/marketplace/...

Our new Docker image for sites includes a built-in image resizer. You get responsive images in your self-hosted instance! We are using IPX, a high-performance, secure, and easy-to-use image optimizer. github.com/unjs/ipx

Recognize these colors? 👀 Now you can see if data variables were defined on the current instance (blue) or inherited (orange). This matches the Style Panel 🙂

A redesigned dashboard with search is here! 🔥

You can now reference data variables that don’t exist yet and then create them retrospectively. This workflow is really handy when you are creating a resource and don’t want to back out of the expression to go create the variable you need.

🧘‍♂️ Focus mode is here! Only one style section stays open at a time, making it simpler to hop around between sections. The shortcut: Option/Alt + Shift + S

Remove vs Delete… who knows the difference? Turns out nobody 😉 So we renamed “Remove” to “Detach” in the Tokens menu.

Two new improvements to the Navigator: 1. Added a horizontal scroll bar for those without a mouse that scrolls horizontally or who didn’t know about it. 2. Made the show/hide icon visible even if there is horizontal overflow so it’s easier to access.

Almost 35k publishes in January. This is a 6.6x growth of real-world usage in 6 months. You guys are killing it!

😉😉😉😉😉 A roadmap feature moves to "In Progress"...

Webstudio now has Docker support for sites! Export your dynamic site, and deploy it just about anywhere. Get total control over your hosting, cost, and compliance. See comments for a tutorial on using Flightcontrol to deploy your site to AWS.

4,000 community members in Discord. Couldn’t imagine Webstudio without you all ❤️

Secure by default, even on the free plan. We've strengthened security headers to block clickjacking—an attack that tricks users by making your site invisible within another. securityheaders.com/?q=webstudio...

Canonical URLs are now output by default. This addresses the URL canonicalization issues in Google Search Console. For edge cases requiring custom canonicals, use Head Slot.

Google is screwing your SEO performance? It's all in your 𝗵𝗲𝗮𝗱. Meet Head Slot component — the visual way to customize the <head> per page. 🛠️ Set canonical URLs to manage duplicate content for search engines 🛠️ Set alternate URLs for multilingual/regional versions

We looked at Chrome's real-world performance data for the homepages of Webstudio, Framer, Webflow, and WordPress. The results might surprise you. Let's dive into who's practicing what they preach when it comes to web performance. 🧵Thread comparing real mobile metrics:

We made a platform-wide change that reduced INP, a Core Web Vital. Our site went from 409 ms to 137 ms on mobile.👇

New in the Marketplace: RSS Feed 🎛️ Fully customizable 📲 Let users subscribe to your content

New feature: code folding! ˅ Useful for: ˃ ↔️ API responses (JSON) ˃ 🛠️ Custom code like JavaScript

Lifetime deals are going away in 5 days We wanted to give you all a heads up and a chance to buy if you are interested. ☝️ Pay once 📊 2 million page views per month 💻 Unlimited sites webstudio.is/pricing

YouTube component is here! ↔️ Responsive by default 💤 Fast with lazy loading 🎛️ UI inputs for all the settings ▶️ Customizable play icon and loading icon 👻 “Privacy Enhanced” Mode enabled by default

Study reveals Webflow sites have 256% more classes than Webstudio More classes correlate with harder maintainability and slower websites. Here are the details and the underlying reason for the difference. wstd.us/tokens-classes

Made in Webstudio without writing code “Other platforms are stuck in 2015”…