Your — Codes

@total-typescript/ts-reset with next.js app router v13+

#next.js ─ #typescript ─ #how to5/18/2024

Learn how to setup ts-reset with next.js (@total-typescript/ts-reset)

ts-reset is a free tool that improves TypeScript's default type definitions. It makes them stricter, more consistent, and easier to use. By using ts-reset, you can prevent bugs related to type errors and make your code easier to read and maintain. It's similar to how css-reset standardizes styles across different browsers. ts-reset was created by Matt Pocock, who also developed Total TypeScript, a series of workshops designed to help you become highly skilled in TypeScript. If you want to master TypeScript, these workshops are highly recommended!

authoryour-ehsan

#how to ─ #next.js ─ #supabase1/16/2024

How to setup VS code editor to work with next.js and supabase edge functions at the same time (Deno support for VS code)

Learn how to work with supabase edge functions & next.js application in the same working directory of VS Code editor using their multiple code workspaces.

authoryour-ehsan

#Diagram / flow chart ─ #how to ─ #ChatGPT6/29/2024

How to create diagram of your project's folder structure in 3 simple steps | convert your folder structure to diagram

Converting your project's folder structure to a diagram can be useful in case of presentation, teaching best practices for the folder structure or it can be a requirement for you to explain your code's structure.

authoryour-ehsan

get source code from GitHub repo link provided in last

#how to ─ #next.js ─ #typescript5/18/2024

How to create a click to copy functionality in react based applications like next.js, remix, CRA by creating useClickToCopy() hook

creating hooks like useClickToCopy() in React projects provides numerous benefits such as code reuse, abstraction, and separation of concerns, which ultimately lead to improved code quality and developer productivity.

authoryour-ehsan

#Astro.js ─ #CSS ─ #how to2/27/2024

Creating Theme Toggling Functionality in astro.js using plain CSS with (source code)

In modern web development, providing users with the option to switch between different themes has become a popular feature. Whether it's a light mode for better readability during the day or a dark mode for reduced eye strain at night, offering theme toggling functionality can greatly enhance the user experience. In this article, we'll explore how to implement a simple theme toggling functionality using HTML, CSS, and JavaScript.

authoryour-ehsan

how to

Learn how to setup ts-reset with next.js (@total-typescript/ts-reset)

How to setup VS code editor to work with next.js and supabase edge functions at the same time (Deno support for VS code)

How to create diagram of your project's folder structure in 3 simple steps | convert your folder structure to diagram

How to create a click to copy functionality in react based applications like next.js, remix, CRA by creating useClickToCopy() hook

Creating Theme Toggling Functionality in astro.js using plain CSS with (source code)

Related Articles

Learn how to setup ts-reset with next.js (@total-typescript/ts-reset)

How to setup VS code editor to work with next.js and supabase edge functions at the same time (Deno support for VS code)

How to create diagram of your project's folder structure in 3 simple steps | convert your folder structure to diagram

How to create a click to copy functionality in react based applications like next.js, remix, CRA by creating useClickToCopy() hook

Creating Theme Toggling Functionality in astro.js using plain CSS with (source code)

Learn how to setup ts-reset with next.js (@total-typescript/ts-reset)

How to setup VS code editor to work with next.js and supabase edge functions at the same time (Deno support for VS code)

How to create diagram of your project's folder structure in 3 simple steps | convert your folder structure to diagram

How to create a click to copy functionality in react based applications like next.js, remix, CRA by creating useClickToCopy() hook

Creating Theme Toggling Functionality in astro.js using plain CSS with (source code)