wpcodevo/nextjs-server-action-app

Stars
6
Rank 2,539,965 (Top 51 %)
Language
TypeScript
Created over 1 year ago
Updated over 1 year ago

wpcodevo/nextjs-server-action-app

wpcodevo

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

In this article, we will explore everything you need to know about Server Actions. If you're not already familiar with Server Actions, here's a simple description. Server Actions are a newly introduced feature in Next.js 13 that enables us to directly mutate data on the server from the frontend.

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.

JWT_Authentication_React

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

phone_website

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

golang-mongodb-api

In this article, you'll learn how to build a CRUD gRPC API server with Golang, MongoDB-Go-driver, and Docker-compose. You'll also build a gRPC client to interact with the gRPC API.

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.

rust-axum-jwt-auth

Are you interested in building a secure authentication system for your Rust web application? Look no further than the Axum framework and JSON Web Tokens (JWTs)! Axum is a fast and scalable Rust web framework that provides a reliable and efficient platform for developing microservices and APIs.

golang-gorm-postgres

This article will teach you how to create a CRUD RESTful API in a Golang environment that runs on a Gin Gonic server and uses a PostgreSQL database. We’ll also discuss how you can build models, connect to the running SQL database server, and run database migrations with the GORM library.

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.

fastapi_mongodb

This article will teach you how to create a CRUD RESTful API with Python, FastAPI, PyMongo, MongoDB, and Docker-compose to perform the basic Create/Read/Update/Delete operations against a database.

node_typeorm

In this article, you'll learn how to build CRUD RESTful API with Node.js, ExpressJs, TypeORM, and PostgreSQL. We will define the database schema with TypeORM and run the migration command to push the TypeORM schema to the database. Next, we will create higher-level CRUD function to perform the CRUD operations.

2fa-nodejs

This article will teach you how to secure a Node.js API by implementing two-factor authentication (2FA) system using tokens generated by Google Authenticator or Authy. The one-time passcode (OTP) can be delivered via different methods like SMS but we will use Google Authenticator or Authy to reduce the complexity of the project.

python_fastapi

This article will teach you how to create a CRUD RESTful API with Python, FastAPI, SQLAlchemy ORM, Pydantic, Alembic, PostgreSQL, and Docker-compose to perform the basic Create/Read/Update/Delete operations against a database.

node_prisma_postgresql

In this comprehensive article, you'll learn how to set up a Node.js API Project with ExpressJs, Prisma, PostgreSQL, Redis, and Docker-compose. The API will run on an Express server and use Postgres for data storage.

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-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.

ecommerce-website-4

LC09-ecommerce-website

Build ecommerce website with html css and Javascript step by step

react-query-axios

jwt_authentication_authorization_node

rust-axum-postgres-api

Are you interested in building a Rust API with CRUD functionalities using the Axum framework and PostgreSQL database? If so, you're in the right place! In this article, I will guide you through building a functional note-taking application API using Rust, Axum, SQLX, and PostgreSQL.

two_factor_reactjs

This article will teach you how to secure a React.js app by implementing two-factor authentication (2FA) feature using TOTP tokens generated by Google Authenticator, Authy, or Chrome's Authenticator extension

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.

rust-postgres-crud-sqlx

In this article, you'll learn how to build a CRUD API in Rust using SQLX, Actix-web, and PostgreSQL. Learning how to build a CRUD API as a developer will equip you with valuable skills for building robust, maintainable, and scalable applications.

golang-fiber-jwt

In this comprehensive guide, you'll learn how to implement JWT (JSON Web Token) authentication in a Golang application using GORM and the Fiber web framework.

rust-axum-jwt-rs256

In this article, you'll learn how to build a secure and efficient backend API in Rust with JWT access and refresh tokens functionality. We'll leverage the high-performance Axum framework and SQLX to store data in a PostgreSQL database.

fullstack-rust-app

In this article, I'll walk you through the process of building a backend API using the Actix web framework, SQLX, PostgreSQL, and Docker. Once we've created a powerful backend, we'll move on to building a single-page app using the Yew.rs framework.

fastapi_sqlalchemy

In this article, I'll provide you with a simple and straightforward guide on how you can build a CRUD app with FastAPI and SQLAlchemy. The FastAPI app will run on a Starlette web server, use Pydantic for data validation, and store data in an SQLite database.

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.

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-flask-framework

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

golang-postgresql-api

This article will teach you how to set up a SQLC API project with Golang, standard Database/SQL package, Gin Gonic, PostgreSQL, Golang-migrate, and Docker-compose. You will also learn how to generate Golang database CRUD functions and Structs with the SQLC compiler. The SQLC Golang API will use a PostgreSQL database and run on the Gin Gonic HTTP server. We will use the Golang-migrate package to push the SQL schema to the database.

nextjs13-trpc-setup

Are you interested in using tRPC in the new Next.js 13 app directory? Look no further! In this article, I'll walk you through the process of setting up a tRPC server and client in the Next.js 13 app directory step by step.

nextjs-trpc-crud-app

This article will teach you how to build a full-stack tRPC CRUD (Create, Read, Update, and Delete) app with Next.js. The tRPC API will be built on Next.js edge runtime and the tRPC client will be created with React.js. For data storage, we'll use Prisma ORM to query and mutate an SQLite database.

simple-api-rust-axum

If you're new to Rust and eager to build your first API, you're in luck: this article will guide you step by step through building a simple REST API in Rust using the Axum framework.

vue-query-axios

two_factor_golang

This article will teach you how to secure a Golang API by implementing two-factor authentication (2FA) using TOTP codes generated by an authenticator app like Google Authenticator or Authy.

complete-restful-api-in-rust

In this article, you will learn how to build a Rust API with unit testing in mind. This means we will take a modular approach, which will make our lives easier when writing unit tests.

google-github-oauth2-rust

This article will teach you how to integrate Google OAuth2 into your Rust application, all without relying on third-party OAuth crates such as https://crates.io/crates/oauth2.

ecom5

google-github-oauth2-nodejs

In this article, I'll walk you through the process of setting up Google OAuth2 in a Node.js application, including creating the OAuth project on the Google API console, configuring the OAuth Client ID and secret, and implementing the necessary code in the Node.js project.

rust-axum-mysql

In this article, you'll discover how to use the Axum framework to build a RESTful API in Rust that supports basic CRUD (Create, Read, Update, Delete) operations against a MySQL database.

nextjs13-simple-app

In this article, you will learn how to build a fullstack application in the new Next.js 13 app directory. Next.js 13.2 introduced a new approach to building APIs in the App Router (app), where we can create custom request handlers for a given route using the Web Request and Response APIs.

nextjs-typegraphql-api

This article will teach you how to build a full-stack CRUD App with Next.js, React Query, GraphQL Code Generator, React-Hook-Form, Zod, and graphql-request to perform Create/Update/Get/Delete operations.

google-github-oath2-reactjs

In this article, you'll learn how to implement Google OAuth2 in a React.js application, including creating a project in the Google API Console, configuring the application's client ID and redirect URI, and implementing the necessary code in the React application.

totp-rust

In this comprehensive guide, you'll learn how to implement two-factor authentication (2FA) in a Rust application using OTP tokens generated by an Authenticator app like Authy, Google Authenticator, or Chrome's Authenticator extension.

rust-jwt-hs256

In this article, we will delve into the implementation of JWT authentication in Rust, covering all crucial steps from generating and verifying JWT tokens with the HS256 algorithm, to registering users, signing them in, logging them out, and safeguarding private routes.

simple-api-actix-web

In this comprehensive guide, you'll build a simple CRUD API in Rust using the Actix Web framework and an in-memory database.

nextjs14-react-query

This article will teach you how to set up and use React Query v5 in the new Next.js 14 app directory. With the recent release of React Query v5, it has generated considerable buzz in the React ecosystem, primarily due to improvements in Automatic Data Synchronization and Performance Optimizations.

yt-ecommerce-2

nextjs14-trpc-react-query

In this comprehensive guide, we will explore the process of integrating tRPC, React Query v5, and Prisma within the Next.js 14 App Router. tRPC is a modern RPC framework that allows you to define your API using TypeScript interfaces and generates both server and client code for you.

rust-yew-signup-signin

In this comprehensive guide, you will learn how to build a single-page frontend web application in Rust using the Yew.rs framework. The application will include essential authentication features such as user sign-up, login, logout, and restricting access to protected pages.

rust-axum-mongodb

In this article, we'll explore how to create a robust API that supports Create, Read, Update, and Delete operations using the Axum framework and MongoDB.

lc16-ecommerce-website

build ecommerce website with html css and javascript from scratch step by step

golang-fiber-jwt-rs256

In this comprehensive guide, you'll learn how to properly refresh JSON Web Tokens (JWTs) using the RS256 algorithm and Redis. The integration of Redis will give us the ability to effortlessly revoke or invalidate the JWTs when necessary.

nextauth-nextjs14-drizzle

In this tutorial, we'll cover the complete process of integrating Drizzle ORM with NextAuth v5 in Next.js 14.

simple-api

This tutorial will teach you how to build a simple CRUD API in Rust using the Warp web framework and Tokio. We'll use Rust and a few well-known libraries to create a RESTful API that runs on a Warp HTTP server and stores data in memory.

grpc-node-prisma

In this guide, you will learn how to build a complete CRUD gRPC API server and client with TypeScript in a Node.js environment that runs on an Expressjs framework and uses a Prisma database ORM. We'll create five RPC services on the gRPC server that are going to be evoked by the gRPC client to perform the basic CRUD (Create, Read, Update, and Delete) operations.

rust-mysql-crud-sqlx

In this article, we will explore how to use Rust, Actix Web, SQLX, and MySQL to build a CRUD (Create, Read, Update, Delete) API.

Blog_MUI_React-hook-form

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

mern-yt-clone

react-rtkquery-crud-app

In this comprehensive guide, you'll build a React.js CRUD app using Redux Toolkit and RTK Query hooks. In brief, we'll create RTK Query hooks that React will use to perform CRUD operations against a REST API.

lc26-food-delivery-website

Responsive Food Delivery Website with HTML, CSS and JavaScript

portfolio2

google-github-oauth2-golang

jacket_website

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.

lc12-travel-website

Travel website with HTML, CSS and JAVASCRIPT.

ecommerce4

nextjs13-mongodb-setup

Are you interested in using MongoDB with the new Next.js 13 app directory? If so, you're in luck! In this article, we'll explore how to set up and use MongoDB in the new Next.js 13 App Router.

deno-mongodb

In this tutorial, we'll cover how to build a Deno API that supports CRUD operations and stores data in a MongoDB database. The example API will run on an Oak middleware framework that will include routes to create, retrieve, update, and delete documents in the database.

fruit__website

trpc-react-node-mongodb

crud-app-sequelize

In this article, you'll learn how to build a complete CRUD API with Node.js and Sequelize. The REST API will run on an Express.js server and have endpoints for performing CRUD operations against a PostgreSQL database.

animated_login_signup

LC-24-deliveroo

Responsive Food Ordering Website with HTML, CSS and JavaScript

javascript__shopping__cart

node-react-trpc-crud-app

In this guide, you'll create a full-stack note application that follows the CRUD (Create, Read, Update, and Delete) architecture with tRPC and use Prisma ORM to store data in an SQLite database. We'll build the tRPC API with Node.js and the UI with React.js.

reactjs-crud-note-app

In this comprehensive guide, you'll learn how to build a CRUD application with React.js, Tailwind CSS, React Query, React-Hook-Form, and Axios. In brief, we'll use CRUD (CREATE, READ, UPDATE, DELETE) methods to perform basic operations against a data layer via REST API.

lc28-fashion-ecommerce-website

Fashion ecommerce website with html scss css and javascript

reactjs-axios

rust-user-signup-forgot-password-email

In this article, we will explore the process of building a REST API in Rust with features like user registration, email verification, login, and logout capabilities. Our API will be powered by the high-performance Axum framework and will utilize the SQLx toolkit to store data in a SQLite database.

rust-jwt-rs256

This guide will walk you through the process of implementing RS256 JWT authentication with Rust, using asymmetric keys (private and public keys) to ensure strong security. The API will be hosted on a high-performance Actix Web server and will store data in a PostgreSQL database.

Django_Crud_Project

In this article, you'll learn how to build a CRUD API with Django and Django REST framework. The RESTful API will have endpoints for performing CRUD operations against an SQLite database.

lc18-vanilla-js-source-code

golang-fiber

In this article, you'll learn how to build a CRUD API in Golang using the Fiber web framework and GORM. The REST API will run on a Fiber HTTP server and use GORM to persist data in a PostgreSQL database.

rust-mongodb-crud

This comprehensive guide will teach you how to build a CRUD (Create, Read, Update, and Delete) API using the Rust programming language and MongoDB as the database.

nextjs14-trpc-authentication

In this article, you will explore the implementation of user registration, login, and logout functionalities in Next.js 14 using tRPC (Type Remote Procedure Call). tRPC is a library designed to streamline the development of full-stack applications with a primary emphasis on type safety.

Django_2FA_Project

In this article, you'll learn how to add two-factor (2FA) authentication to a Django REST API using TOTP tokens generated by an Authenticator app like Chrome's Authenticator extension, Authy or Google Authenticator.

react-query-axios-tailwindcss

This article will give you a comprehensive overview of JSON Web Token authentication with React.js, React Query, React-Hook-Form, Zod, and a RESTful API. You will learn how to validate forms with the React-Hook-Form library, make queries and mutations with React Query, register new users, verify their email addresses, sign the users into the React app, and log them out of the app.

file_upload_golang

This article will teach you how to upload single and multiple files on a Golang web server.The tutorial focuses on image upload, but the concepts can be extended and used for any file type.

nextjs13-context-api

Do you want to use React Context API to manage states globally and avoid prop drilling in your Next.js 13 app directory? If so, you've come to the right place. This article will guide you through the process of setting up and implementing the React Context API in your Next.js 13 app.

trpc-react-node-prisma

LC29-restaurant-website

setup-redux-toolkit

In this guide, I will show you how to set up Redux Toolkit and RTK Query with React and TypeScript the right way. Although it's possible to bootstrap a React app with Redux Toolkit support using a single command, this may not be sufficient for more complex state management requirements.

nextjs13-prisma-setup

In this article, you will learn how to set up and use Prisma ORM in the new Next.js 13 app directory. We'll cover everything from initializing Prisma to seeding the database with test data and applying migrations.

golang-fiber-sqlite

Have you been wanting to build a simple API in Golang, but don't know where to start? Look no further than this tutorial, where I'll guide you through the process step by step.

2fa_fastapi

This article will teach you how to secure a FastAPI app by implementing two-factor (2FA) authentication using TOTP tokens generated by an authenticator application like Chrome's Authenticator extension, Google Authenticator or Authy.

cart-page

portfolio3

simple-api-rocket

This article will teach you how to build a simple CRUD API with Rust using the Rocket framework. We'll create a RESTful API that runs on a Rocket HTTP server and persists data in an in-memory database.