Wpcodevo

Wpcodevo

A collection of 13 templates, themes and UI Kits by the author Wpcodevo.

screenshot of Blog_MUI_React Hook Form

Login and Signup Forms with React, React Hook Form, TypeScript and Material UI

react
material-ui
screenshot of JWT_Authentication_React

JWT Authentication and Authorization with React, RTK Query, Material UI, React Hook Form and Zod.

screenshot of Nextauth Nextjs13 Prisma

In this tutorial, I'll walk you through setting up authentication in your Next.js 13 app directory using NextAuth.js. It's worth noting that while we use the NextAuth package in this tutorial, you may be using the Auth.js package by the time you read this, as the libraries are now interchangeable.

nextjs
react
tailwind
prisma
screenshot of Nextauth Nextjs14 Prisma

In this tutorial, you will learn how to set up NextAuth v5 in Next.js 14. With the release of NextAuth v5, a couple of breaking changes have been introduced, and getting NextAuth up and running in a Next.js 14 project requires a bit of setup.

nextjs
react
tailwind
prisma
screenshot of Nextjs Fastapi Framework

In this article, you will learn how to seamlessly integrate a FastAPI project into your Next.js application and deploy the entire project on Vercel. But that's not all! We won't stop at integration; we will take it a step further by building a simple Todo application.

nextjs
react
tailwind
screenshot of Nextjs Flask Framework

In this article, you will learn how to integrate a Flask API project with Next.js and deploy them on Vercel.

flask
nextjs
react
tailwind
screenshot of Nextjs13 Apollo Client

In this article, you'll discover how to set up and use Apollo Client in the new Next.js 13 app directory. Specifically, you'll learn how to use Apollo Client in both React Server and Client Components.

nextjs
react
tailwind
screenshot of Nextjs13 React Query

Are you interested in using React Query in your Next.js 13 app directory? If so, you've come to the right place! In this article, I'll guide you through the process of setting up React Query and making the QueryClient accessible to all components in the component tree.

nextjs
react
tanstack
screenshot of Nextjs13 Redux Toolkit

In this tutorial, you'll learn how to set up and use Redux Toolkit and RTK Query in your Next.js 13 project. It's worth noting that at the time of writing, Next.js 13 is still in beta.

nextjs
react
screenshot of Nextjs13 User Signin Signup

In this article, we'll explore how to implement JWT authentication in Next.js 13 API route handlers. We'll cover the process of generating and verifying JWTs, handling authentication errors, and protecting sensitive API endpoints.

nextjs
react
tailwind
prisma
screenshot of Nextjs14 Supabase Ssr Authentication

In this article, you'll learn how to integrate Supabase with Next.js 14 for email and password authentication, as well as Google and GitHub OAuth.

nextjs
react
tailwind
supabase
screenshot of Phone_website

An eCommerce website template built with HTML, CSS, and JAVASCRIPT.

screenshot of Trpc Nextjs Prisma

In this article, we’ll build a type-safe tRPC CRUD API with Next.js, PostgreSQL, and Prisma. This tRPC example in Next.js will showcase how to use tRPC on the backend and later we will consume the API on the frontend app.

nextjs
react
tanstack
tailwind
prisma