Patrick Corsetti

Trend or transformation? Tomorrow @raymmar.bsky.social and @somegood.co join me to unpack how AI is reshaping our web-dev lives—especially for non-technical builders. 🔍 Don’t miss out on what I'm sure is going to be an awesome conversation.

Join us in the lodge at 12 EST: bit.ly/ncn-newlodge

a groundhog is standing in the grass with its mouth open and saying `` hey ! happy birthday !!! '' ALT: a groundhog is standing in the grass with its mouth open and saying `` hey ! happy birthday !!! ''

A bunch of linkedIn messages just notified me that today is the 3rd year anniversary of @NoCodeNorth !!! 🥳
Happy Birthday to the NoCode North community!!!

@jeremybleroux.bsky.social @pennyolo.bsky.social @corsettidev.bsky.social @andymci.bsky.social

How can I get all of these?! 😱🤩

Which is your favourite? Idk if I could pick one they’re all so awesome haha.

nocode north is expanding its team to include four new members: the faces of Patrick Corsetti, Eric Unger, Andy Claremont, and Nancy Peng are shown in circles over a repeating background of a beaver carrying a stick

Did you know we're wrapping up our 3rd year? We've had so much fun, we thought it was time to let others join the party.

The NCN team is growing! Let's give a warm welcome to Patrick Corsetti, Andy Claremont, Eric Unger and Nancy Peng.

Google might be behind in ai, but search you gotta admit they do right. Reddit's been so slow for me overall lately, I can't imagine not using google to search through reddit resutls

a man with curly hair is looking at a laptop ALT: a man with curly hair is looking at a laptop

Got access to the Ghostty terminal emulator recently and just getting around to switching over my daily driver setup from kitty to ghostty. Also using this as an opportunity to reallllly clean up my shell and config files and it's so satisfying seeing the new structure come together 👻 🥲

Check out the props on my component for what I'm talking about. Also added the Script name field for optional debug tracking.

Do you ever give access to custom code in Build Mode in #Webflow, through a rich text component prop or some other method?

Figured out an interesting way to structure a component so that the code can be directly in a prop instead of clicking to edit the rich text then clicking on the embed in there

Thanks!

I’ll try to put together a quick demo later this week! 🥳

Let me know if you try this and it works for you or there's something wrong, just came up with it last night. Also, when is Bluesky getting a custom code post style 👀

(Bonus Part 2)
Text Element Content:
{
"name" : "Patrick",
"job" : "wizard"
}

<script>
(function() {
const data = JSON.parse(document.currentScript.parentNode.previousElementSibling.textContent);

console.log(`${data.name} is a ${data.job}!`);

})();
</script>

(Bonus Part 1) This method works for single line text inputs, but if you want to use custom JSON data, you can also add in a text element before your embed, and then tie that fields contents to a multi-line text component property.

Then in your code, you can parse it and use the full schema:

(3/3) Now if you want to have it work multiple times throughout the page, you can wrap the code inside an IIFE, that way any variables you create won't interfere with the global namespace

<script>
(function() {
// above function goes inside here
})();
</script>

(2/3) In your embed's code, you can access those properties using the currentScript property like this:

const embed = document.currentScript.parentElement;
const name = embed.getAttribute('prop-name');

console.log(`Hello ${name}!`)

Alright (1/3) figured out a clean way to use component properties to fill out dynamic values in embeds similar to embeds used with CMS in #Webflow (apologies in advance for code formatting)

Add your embed, add attributes directly to the embed and then create properties.

"prop-name"="{{ Patrick }}

I still wish I knew why the honeypot wasn’t working in the code but it was essentially the same logic in Xano!

Other things I’ve seen:

• Mislabelling the email id field so that the validation will fail when a bot autofills

• A time lock — most forms filled within 3s of page load are fake!