Styling a platform with Tailwind UI
In this episode, the fourth in our series, we continue to build out a creator platform by adding in some basic UI components using Tailwind UI.
The platform we're building in this series allows creators to produce creative content (e.g., a newsletter), publish their content, and monetize their content with paid subscriptions.
This is episode 04 in the series. Stay tuned and subscribe for updates throughout the summer. We'll cover all the ins and outs of Stripe Connect, how you need to model and store things in your database, how to handle authentication, how to process web hooks and post-payment events in your Stripe account, how to onboard creators, how to use Stripe Checkout on the front end to securely accept payment, how to setup the Stripe Customer Portal to allow subscribers to manage their payments and subscriptions.
Presenter
CJ Avilla - Software Engineer - / cjav_dev
Table of contents
00:00 Introduction
00:50 Introduction to Tailwind UI and landing page customization
05:40 Customizing the dashboard
12:10 Building list components to display and edit newsletters
18:20 Updating layouts and side nav
21:00 Updating icons
24:00 Updating the sign in and sign up page
25:55 Conclusion
Resources
Stripe Connect docs: https://stripe.com/docs/connect
Stripe Connect guide: https://stripe.com/docs/connect/explo...
Tailwind UI: https://tailwindui.com/
Stripe Checkout: https://stripe.com/docs/payments/chec...
Stripe Customer Portal: https://stripe.com/docs/customer-mana...
Checkout 101 video series: • Checkout 101: low code, prebuilt, hos...
Checkout playlist: • Stripe Checkout
Support
If you have a question, please feel free to reach out to our support team on Discord at https://stripe.com/go/developer-chat
Updates
Sign up to stay updated with developer news: https://go.stripe.global/dev-digest
Feedback
If you have any feedback about this or other episodes, let us know: https://forms.gle/VjNqzRhotM2snYo88
#stripe #payments #creator #tailwindcss #connect