Updated the
@shadcn
table component with notion like filter, and floating bar.
All states are persisted on the url. Using ppr for queries and mutation.
I made a netflix clone with the
@t3dotgg
stack,
@nextjs
server components, and
@shadcn
ui-library. It includes:
1. Netflix subscription plan with stripe
2. Profile creation crud operation for individual users
3. Pin verification for profiles
Introducing npm Picker:
Find the best npm packages for your project
Pretty much inspired by all the awesome projects by
@nutlope
Powered by
@OpenAI
, and
@vercel
I made an amazon clone with the
@t3dotgg
stack. It includes:
1. Image upload with cloudinary
2. Dynamic table component with server side sorting and pagination
3. Amazon prime subscription with stripe
Day 60 of
#100DaysOfCode
Are y'all interested into a
@shadcn
table component with server side sorting, filtering, and pagination.
All y'all have to do is to pass dynamic data and column.
My github stars nominees:
-
@t3dotgg
for making web development easy
-
@shadcn
for letting me steal stuffs for my projects
-
@joshtriedcoding
for teaching me web dev
Made a file-dialog input with
@shadcn
modals, react-dropzone, react-cropper, and validated with react-hook-form. Using
@t3dotgg
uploadthing for uploading images.
@t3dotgg
The es-lint configuration of the t3-stack is very strict. The misused promises rule is very helpful. I was misusing promises all over the places
Added newsletter subscription and user subscriptions.
Need to add product checkout flow and connect each store to individual stripe account.
@shadcn
example components are very useful for putting a good ui quickly.
#buildinpublic
Refactored the product filter a bit. Now using the multi-select component by
@mxkaske
for multiple categories in the server-side filtering.
Also added pagination for stores.
Added download as pdf and csv option to the table. Need to write an useExport hook and update the unstyled-table npm package.
@shadcn
dropdown component came in clutch
Planning to release a Table npm package built on the tanstack-table and tailwindcss. It will support server side sorting and pagination with prisma. Let me know if y'all use that
Introducing my new open-source side project:
It's a crowdsourced list of the best open-source projects on the web.
Best part? It's dogfoods
@dubdotco
's API to create short links for each project page + display real-time click analytics for them 📈
Just tried server actions. Getting this error: (0 , react_dom__WEBPACK_IMPORTED_MODULE_3__.experimental_useFormStatus) is not a function.
Revalitate tag and path are a bit slow than the trpc invalidate query. ZACT from
@t3dotgg
is pretty cool too.
I got a freelance project, which is an e-commerce website, hope I can finish it while finishing
@supabase
hackathon :'),
inspired by
@sadmann17
anyways looks good?
I published my first YouTube video!
It’s an introduction to
@EffectTS_
, a typescript library I have been enamored by and advocating for since I first read the docs intro
I hope the video will spark your interest in Effect!
Let me know what you think
We just published the first beta for React 19! This beta release is for collecting feedback and preparing libraries for the next major version of React.
To see what's included, check out the release post:
My friend helped me out with the tanstack-table component. I learnt most of the stuffs from him. Here is his fiverr account: . Feel free to check him out
The server-side pagination, sorting, filtering was done using prisma on the examples. Here is one with
@DrizzleOrm
. It also uses the date-range-picker from
@shadcn
ui for date filtering.
Server-side data fetching with drizzle orm: