
shadcn UI, related community components and about django framework
This week, First I want to update you on my progress with creating my clothing brand. Over the last two weeks, I haven’t had much time to work on it, but I did develop a landing page and a product detail page. I connected these through a CMS using Sanity.io. Everything I’ve implemented so far is deployed on Vercel for continuous integration and development. I’ll share the URL once there's enough to showcase. Now, let's dive into some tech news and knowledge!
- In my company, we’re using an internal component library for our project. This is currently built upon React.js. To experiment, for practice & fun, I decided to develop this using Shadcn UI. The project involves displaying a lot of data tables so I used data table component of Shadcn UI which is built on top of TanStack/Table. However, I discovered that Shadcn UI lacks examples for server-side pagination, sorting, and search.
While researching, I found an awesome GitHub repo that implements these server-side features. You can check out the live example here.
I believe Shadcn UI is an excellent library due to its open-source nature, active maintainers, and strong community support. If you need a component that's not available in Shadcn UI, you can explore this community-driven repo for additional resources. - I’ve also been working on another project using Django as the backend. Django is a Python-based full-stack framework that offers a built-in admin panel, which can be extensively customized. No other framework provides the kind of built-in admin facilities that Django does.
For theming the admin panel, there are several community themes available. I highly recommend Unfold, which is more than just a theme; it includes a lot of additional features. If you’re using Django, Unfold is a fantastic choice.
If your needs include an SQL database, an admin panel to manage frontend elements, and different admin roles, then Django, Postgres, and React/Next.js make a powerful combination. As a bonus, the creators of Unfold offer a boilerplate template for Django and Next.js called Turbo. You can find it on GitHub here.
This has been a busy week focused on developing various projects. If you have any suggestions or thoughts, please reach out to me on my socials or via my email.
Thank you for following along!