Prisma is 9x faster

This weekend, I updated the prisma client and opted into a new preview feature, the jsonProtocol. This feature speeds up serverless cold boots by up to 9x.

There were only two draw…

Yesterday I added roles to every user. The default role is user, and the other one is admin. To make it easier to manage on the codebase, I used Next Auth callbacks to add a boolean to the user sessio…

Likes & deslikes

Today I have added the option to like or dislike posts. You can see more details on the PR.

To improve the user experience, I have added optimistic updates to the like/dislike.

This m…

Following page

Now the user can access a following page, where they will see posts from all their following.

https://t3-blog-pi.vercel.app/posts/following

Search posts page

Added a new page to search …

New comment display

Because the comments can be infinitely nested as replies, their display on mobile could quickly break.

After a few changes, the same comment is 100% readable on mobile, even though…

As web development continues to grow and evolve, so too does the need for more efficient and effective design methodologies. One such methodology that has gained popularity in recent years is the Atom…

This forum has good potential, although it would be great if it was easier to install own copy. Ive had a few problems doing that. Questions to the CEO...

1. why is AWS used for upload storage?, cant th…

If you're a developer working with Amazon Web Services (AWS), you're probably familiar with the AWS SDK for JavaScript. This SDK has been a popular choice for integrating AWS services into web applica…

React Query is a popular library for handling data fetching in React applications. It provides a number of advantages over other fetching solutions, including improved performance and a simpler API. I…

TS Reset - A 'CSS reset' for TypeScript, improving types for common JavaScript API's.

Example

// Import in a single file, then across your whole project...
import "@total-typescript/ts-reset";

// .fi…

GraphQL is a powerful tool for querying and manipulating data, and React is a popular frontend library for building user interfaces. Combining these two technologies can lead to more efficient and per…

React Query is a popular library for handling data fetching in React applications. It provides a number of advantages over other fetching solutions, including improved performance and a simpler API. I…

React is a popular JavaScript library for building user interfaces. When building components in React, you have the option of using class components or function components with hooks. In this post, we…

React is a popular front-end library used for building web applications. One of the biggest advantages of using React is its rich ecosystem of UI component libraries. These libraries can help develope…

The first React App I made, a year ago: https://dog-randomizer.vercel.app/

Which one did you get? me:

Hey everyone, I'm interested in hearing your thoughts on whether you prefer to use JavaScript or TypeScript for web development, and why. I've worked with both languages, and I'm curious about the pro…

Very good DX and very fast to build APIs when you get familiar with the fundamentals of this library. You should try using it with Prisma.

TS Reset - A 'CSS reset' for TypeScript, improving types for common JavaScript API's.

Example

// Import in a single file, then across your whole project...
import "@total-typescript/ts-reset";

// .fi…

Delete account

Now the user has the option to delete his account.

Update account

Now the user can update his username, this is useful for e-mail users, because the e-mail sign-in method does not retur…

I have tested & used all the popular carousel libraries, and here is a rundown of them:

React Slick

http://react-slick.neostack.com/

One of if not the most popular carousel library, I have found it to…