DEV·2yWhat is the ideal Tech stack to build a website in 2024? 👨💻
The post discusses the author's preferred tech stack for building a website in 2024, including the use of Typescript, Reactjs or Vuejs, Postgres, and Redis. It mentions the pros and cons of these technologies and acknowledges that not all organizations are using frameworks.
Medium·2yThings You Don’t Know About Next.js
NextJS 14 promises a faster, more enjoyable development journey for React developers. This post reveals concepts of NextJS that many developers may not know, such as using Route Group functionality for organizing folder structures, leveraging the Metadata API for improved SEO, and creating active links in Next.js for enhanced user experience.
Supabase·2yUsing React Query with Next.js App Router and Supabase Cache Helpers
Learn how to use React Query with Next.js App Router and Supabase Cache Helpers. The article provides step-by-step instructions for installing dependencies, creating a React Query client, generating TypeScript types, creating Supabase clients, automating query key management, writing reusable queries, and fetching data server-side and client-side. The post concludes by discussing the benefits and use cases of using React Query with Server Components.
Community Picks·2yWedges — Open-source UI components for React • Lemon Squeezy
Wedges is an open-source collection of UI components for React, designed with Wedges Design System, Radix UI, and Tailwind CSS. It simplifies the process of building beautiful and customizable user interfaces, with features such as fast and modern components, accessibility compliance, customizable themes, and support for dark mode. Wedges is designed by professionals and is built with Radix Primitives to ensure WAI-ARIA compliance. Lemon Squeezy is a platform used by thousands of successful startups and digital creators. They provide exceptional customer support and offer resources like the Creator Guide and the Merchant of Record Guide. Merchandise is also available, and users can book a demo to explore Lemon Squeezy's capabilities.
Community Picks·2ySolving TypeScript Errors Tutorial
This tutorial provides practical solutions for common TypeScript errors, including type mismatches, undeclared properties, nullability issues, incompatible property types, unknown types, indexing issues, class property initialization challenges, type conversion, naming conflicts, and missing type declarations in JavaScript modules.
Community Picks·2yValibot: The modular and type safe schema library
Valibot is a modular and type safe schema library for validating unknown data. It offers type safety, small bundle size, support for various TypeScript types, 100% test coverage, included helpers, and a great developer experience. Valibot is available free of charge under the MIT License.
DEV·2yWriting type safe API clients in TypeScript
Learn how to write type safe API clients in TypeScript using openapi-typescript and axios. Generate the schema from an OpenAPI spec file, integrate it into your API layer, and make API calls using the generated client. Discover the benefits and caveats of this approach.
DEV·2yModeling Authorization in Prisma - No Theory, Just Code
This post provides examples of different authorization patterns using Prisma and ZenStack. It covers the Access Control List (ACL), Role-Based Access Control (RBAC), Attribute-Based Access Control (ABAC), and multi-tenancy patterns. The examples show how to implement these patterns and highlight the benefits of using ZenStack for declarative authorization rules.
LogRocket·2yHow to use import attributes in TypeScript and JavaScript
Learn how to use import attributes in TypeScript and JavaScript to improve code organization, reusability, efficiency, stability, and security in web apps. Install TypeScript v5.3 and configure your project to use import attributes. Explore the technical details of import attributes and how they can enhance security and stability. Understand the limitations and potential errors associated with import attributes. Discover alternate methods for achieving similar functionality. Gain insights into the benefits and drawbacks of import attributes. Improve program quality and development experience by leveraging import attributes.
