In this space, I delve into the intersections of business, technology, payments, and programming trends. Many of my posts draw inspiration from the research and assignments I undertook during my MBA journey at Warwick Business School from 2019 to 2021. My time at WBS was deeply enriching, and I often find myself reminiscing about the rigor of academic research, the art of structured writing, and stimulating discussions with my peers. Alongside these reflections, you'll also find practical tutorials and guides, helping you navigate the latest in tech, programming frameworks, and libraries.
In this article, I will share some simple yet highly productive practices for anyone working with React and Next.js. While this isn't an exhaustive list, it addresses some of the most common questions and challenges I've encountered across various projects and forums.
I am uncovering a range of insights that can help streamline your development process and avoid common pitfalls. In this article, I delve into some key observations and best practices from my personal experience.
The Vercel AI SDK is a TypeScript library designed to assist developers in building AI-powered applications with frameworks such as React, Next.js, Vue, Nuxt, SvelteKit, and more.
When developing a web application with Next.js, leveraging robust tools and services can significantly streamline the development. Clerk is a comprehensive authentication solution designed to simplify user management, offering a wide range of authentication methods and features with minimal setup. On the other hand, Drizzle ORM is an emerging object-relational mapping tool that promises a smooth database interaction experience that enables developers to write more intuitive and maintainable database queries.
NextAuth.js is a robust, open-source authentication solution tailor-made for Next.js applications, seamlessly blending with Next.js and Serverless environments. It accommodates many popular sign-in options, including email and passwordless sign-ins, making it a versatile choice for developers. Although it demands a bit more effort to configure compared to solutions like Clerk, it rewards users with unmatched control over data management and unparalleled flexibility in customization without incurring extra costs.
P24 (Przelewy24) is recognized as a domestic payment institution in Poland, providing a spectrum of payment services, including authorization and clearing mechanisms. To leverage the Przelewy24 API, merchants must first establish an account in the P24 Administration Panel.
useShoppingCart is an elegant solution for managing shopping cart state and logic, specifically designed for Stripe checkout integration. Available at useshoppingcart.com, this tool expertly handles the intricacies of your cart’s details, streamlining the checkout process for a seamless user experience.
Let’s dive into Next.js data fetching and server actions and how we can use and manage its features in an application. I hope this article will provide valuable insights and practical examples to supercharge your web applications.
A step by step guide to add Google Analytics to your Next.js 13 app (App directory).
Building a Next.js 13 project with OpenAI API. Keyword extractor project. Next.js 13 data fetching example with OpenAI. Keyword extractor project.
An attempt to structure data fetching in Next.js. How to fetch data in getStaticProps, getServerSideProps, getStaticPaths in previous Next.js versions and now with Next.js 13.
Quick guide how to tackle CLIENT_FETCH_ERROR when using NextAuth.js with Next.js