nextjs-subscription-payments VS react-beautiful-dnd

I use this as a subscription Stripe starter: https://github.com/vercel/nextjs-subscription-payments/tree/...

Still quite a bit of customisation to do, but was a good starter.

So, I'm utilizing the nextjs-subscription-payments repo as a general guide to get an MVP SaaS going for a startup. It's gone well so far - I've learned a lot and supabase is fantastic.

Try something like https://github.com/vercel/nextjs-subscription-payments that uses strip subscription and customer portal

These Stripe examples really helped me. 1. Vercel Subscriptions Starter with Stripe, Nextjs and Supabase

https://github.com/vercel/nextjs-subscription-payments https://github.com/dalkommatt/taxonomy-supabase

Lastly, the best way to get help is to open an issue on the repo itself: https://github.com/vercel/nextjs-subscription-payments/issues

For this full-stack single-page app, you'll use Vite.js as your frontend build tool and the react-beautiful-dnd package for draggable items.

A huge win for the user experience using react-beautiful-dnd.

react-beautiful-dnd stands out as the most commonly used, it provides a clean and high-level API with a lot of abstraction. It was developed by Atlassian.

Drag-and-drop library for React with beautiful animations. Website - GitHub

This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd

Not sure if OP used these but here are few suggestions: For drag drop: https://www.npmjs.com/package/react-beautiful-dnd For resizing with handles: https://www.npmjs.com/package/react-resizable

https://github.com/react-dnd/react-dnd https://github.com/atlassian/react-beautiful-dnd

You can try react-beautiful-dnd, it's amazingly simple, I actually switched from react-dnd a couple months ago to react-beautiful-dnd, and it was easy af.

Building a good D&D library, especially one that is accessible, is difficult. Keep that in mind if you decide to roll your own D&D or any other UI component for that matter.