Full Astro Landing Page Build with Convert Kit (and deploy to Netlify!)

Published: 30 January 2024
on channel: Coding in Public
4,196
126

Join the early access for my course! https://learnastro.dev

Let’s add a Convert Kit form to your Astro site with React!

🔗 Key Links 🔗
Github: https://github.com/coding-in-public/c...

---------------------------------------

🔗 Additional Links 🔗
Astro Endpoints Docs: https://docs.astro.build/en/core-conc...
Tailwind Forms docs: https://github.com/tailwindlabs/tailw...
React Hot Toast: https://react-hot-toast.com/docs
Convert Kit: https://app.convertkit.com/

---------------------------------------

📹 Related Videos 📹
Astro Rendering Options:    • Choosing between SSR, SSG, and dynami...  

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
1:22 Install & setup
3:20 Form Component
6:16 onSubmit handler
11:46 API endpoint
14:08 Building the post request
19:08 Add Convert Kit to the endpoint

---------------------------------------
🎨 VSCode Theming
Font: Cascadia Code: https://github.com/microsoft/cascadia...
Theme: https://marketplace.visualstudio.com/...
Icons: https://marketplace.visualstudio.com/...

---------------------------------------

🌐 Connect With Me 🌐
Website: https://codinginpublic.dev
Blog: https://chrispennington.blog
Twitter:   / cpenned  
Patreon:   / coding_in_public  
Buy Me a Coffee: https://www.buymeacoffee.com/chrispen...


Watch video Full Astro Landing Page Build with Convert Kit (and deploy to Netlify!) online without registration, duration hours minute second in high quality. This video was added by user Coding in Public 30 January 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,196 once and liked it 126 people.