mickasmt

Introducing an open-source Next SaaS Stripe Starter. Minimalist but sturdy under the hood. ◆ Built with @nextjs 14, @prisma, @PlanetScale , @nextauthjs and more. ◆ Inspired by @shadcn, @steventey & @codewithantonio' s projects. → next-saas-stripe-starter.vercel.app

🚀We've just open-sourced @yournextstore storefront! Ultra-simple, ultra-fast commerce in Next.js with Stripe as the backend, using @shadcn UI ✨Features ▪lightning-fast navigation ▪instant search ▪4 click checkout with Stripe Link ▪no DB needed ⭐git.new/yournextstore

@NFTs__one @emilkowalski @family @nextjs @framer Thank you!

@miickasmt @emilkowalski @family @nextjs @framer amazing… A M A Z I N G … 10/10 ux

Playing with @emilkowalski's courses and drawer. Result: Expandable drawer! It works but still needs improvements. @family design + @nextjs @framer motion

✨ Stripe acquires Lemon Squeezy ✨ Woohoo! We made a sale! 🥳 We're excited to announce that @stripe has acquired @lemonsqueezy to help build a global merchant of record solution. 3 years ago, we set out to make selling digital products easy-peasy. With your help, we've done exactly that. With Stripe's help, we'll continue pushing Lemon Squeezy to new heights and delivering even more value to you, our cherished customers. Over the years, our community has grown exponentially, a testament to the trust and support you've shown us. We couldn't be more grateful. Rest assured, we’ll continue delivering the same fantastic product and reliability you’ve come to trust. We’re excited about finding the best ways to combine Lemon Squeezy and Stripe. Thank you for being part of our journey 🫶 Read the full story here: lemonsqueezy.com/blog/stripe-ac…

UI Experiment #2 : Hide rows in @shadcn's calendar. Only CSS. Code coming soon! Next drop : Calendar inside Modal/Drawer!

View Transitions with CSS linear() to create a light flicker effect 💡

Using PNPM? Add this line to your `.zshrc` file 👇 It's a massive timesaver: ◆ `pnpm dev` → `p dev` ◆ `pnpm i` → `p i` ◆ `pnpm build` → `p build`

@stefangarofalo @emilkowalski @shadcn @nextjs Thanks a lot! That's the effect I was aiming for.

@miickasmt @emilkowalski @shadcn @nextjs Peak mobile ux, it feels like native. Congrats

Learned with @emilkowalski's courses and tried with @shadcn ui. Carousel inside Dialog & Drawer. ⁃ Intercepting routes in @nextjs ⁃ With snap points Code coming soon!

A CSS scroll version of the gooey island 🤙 .island { filter: url(#​svg-goo); } .island__avatar { animation: hide; animation-timeline: scroll(); animation-range: 0 var(--header-size); transform-origin: 50% 0; } @​keyframes hide { to { translate: -50% -80px; scale: 0.3; } }

Shipped the new chart blocks. I’ve also added more examples on how to build advanced tooltips with custom label, icons and formatters. ui.shadcn.com/blocks Next up: dashboards and cli updates.

@emilkowalski @shadcn @nextjs Thank you so much!

@miickasmt @shadcn @nextjs Beautiful!

The entire ray.⁠so ecosystem is now open source! 🎉 We also unified all the ray.⁠so sites into one to make it easier to both explore and contribute to the data.

Introducing an open-source Next Auth Roles Template. Start easily with auth, user roles, and an admin dashboard. ◆ Config ready for @shadcn's charts. ◆ Remove blog or docs parts with one cli. ◆ Built with @nextjs 14, @prisma, @nextauthjs and more. → next-auth-roles-template.vercel.app

@shadcn I'm using Contentlayer2 from @timlrxx for Next.js 14. It's a simple alternative if you don't want to modify your code with Contentlayer. However, we need a new one that is actively maintained.

Looks like ContentLayer is not working anymore. Trying Content Collections. But will probably go back to a simpler setup with next-mdx-remote. What are you using for (mdx) docs?

@theboxmeister @shadcn @nextjs @prisma @nextauthjs Thank you! Its a nice collapsible sidebar 😉

@miickasmt @shadcn @nextjs @prisma @nextauthjs looks great. The sidebar is nice too although the charts grab all the attention 😊

@shadcn Well play! My side project just died instantly.🤣

Shipped a little something to make working with colors easier. Tailwind colors in every format: hsl, hex, rgb, and className. Click to copy!

@ehtisham_dev @shadcn @nextjs @prisma @nextauthjs Thank you! 😊

@miickasmt @shadcn @nextjs @prisma @nextauthjs