Add to Calendar Button with React & Tailwind
Ғылым және технология
Learn how to dynamically generate Google Calendar, Outlook, and other calendar links to create an Add to Calendar button in React and Tailwind.
We'll walk through using the Calendar Link package to generate new event links for various calendar services then see how we can use Tailwind to create a popup with all of the calendar links inside.
🧰 Resources
Tutorial: spacejelly.dev/posts/how-to-c...
Code: github.com/colbyfayock/my-cal...
Demo: my-calendar-link.vercel.app/
📺 KZread: kzread.info?sub_c...
🐦 Twitter: / colbyfayock
📹 Twitch: / colbyfayock
✉️ Newsletter: www.colbyfayock.com/newsletter/
🎥 What I Use: www.colbyfayock.com/uses
#colbyfayock #react #tailwindcss #webdevelopment
Пікірлер: 15
Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course
Get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news
Nicely explained
@colbyfayock
2 ай бұрын
thanks!
This is Very helpful!! Thank you
@colbyfayock
2 ай бұрын
no problem!
Love it..😍..thanks!
@colbyfayock
2 ай бұрын
no problem!
Thank you ..💚
@colbyfayock
2 ай бұрын
You're welcome!
this is a really helpful content . but i realize that we can't open apple calendar on iphone , have any solution for this case ?
@colbyfayock
5 күн бұрын
hm good question, tested this and got the same thing. i tested learnwithjason.dev/schedule and it appears that seems to work. a quick searhc popped this up: stackoverflow.com/questions/1752342/how-to-create-add-to-calendar-link-on-web-page-for-iphone where they say you need a mime type of the .ics file for text/calendar, but i haven't tested it
@datdat6894
2 күн бұрын
@@colbyfayock tks for your answer , i found that safari not allow download .ics file from localhost . i worked when we deploy to https domain
🎉🎉🎉🎉
@colbyfayock
2 ай бұрын
🙌