Nextjs13 CRUD con Localstorage, API Context y TailwindCSS

preview_player
Показать описание
Aprende a crear una aplicación web sencilla usando Nextjs 13, en donde usaremos sus ultimas características como usar la carpeta app, además de unidos la API Context de React, react-hook-form, tailwindcss y Localstorage, además de desplegarlo finalmente de forma gratuita en Vercel

Código del ejemplo

Índice del contenido
00:00 Introducción
01:37 Project Setup
06:22 Routes
11:54 Context API
23:22 Listar Tareas
30:42 Crear Tareas
47:44 Eliminar Tareas
53:16 Editar Tareas
01:03:02 Actualizar Tareas
01:09:32 Localstorage
01:24:00 React Hook Form
01:32:06 React Hot Toast
01:38:43 TailwindCSS y Vercel

Videos Recomendados

⭐ Cursos Recomendados

🗣 Redes Sociales

🎒 Servicios Recomendados

🌎 Sitio Web

#nextjs #reactjs #javascript #vercel
  1. Fazt Code
  2. nextjs crud localstorage
  3. nextjs crud
  4. nextjs localstorage
  5. nextjs
  6. nextjs 13
Рекомендации по теме
Nextjs13 CRUD con 1:58:48

Nextjs13 CRUD con Localstorage, API Context y TailwindCSS

Create a To-Do 1:02:08

Create a To-Do App with Next.js 13: Learn CRUD Operations and Tailwind CSS UI

Build A Simple 0:29:05

Build A Simple CRUD API With Next.js 13 App Router (REST API)

Next.JS CRUD App 0:49:39

Next.JS CRUD App with JSON Server Using Axios

Local Storage com 0:01:00

Local Storage com Next.js 13 #shorts

React and NEXT.js 1:48:02

React and NEXT.js 13 Form Handling with CRUD Operations | NEXT.js13 Tutorial (Part 8)

⭕️ CRUD REST 0:24:43

⭕️ CRUD REST APIs with NextJS13 | #3 : Token Authentication & HTTP Operations

COMO TRABALHAR COM 0:25:26

COMO TRABALHAR COM LOCALSTORAGE NO NEXTJS 13 - Com testes!

NextJs 13 Demo 0:06:15

NextJs 13 Demo Operaciones CRUD: Eliminar tareas _M04_12

Next Js - 0:39:15

Next Js - MySQL - API CRUD

Se viene el 0:00:16

Se viene el curso de NextJS con proyectos reales #api #code #crud #next #react #strapi #sanity

Next Js - 0:29:30

Next Js - API CRUD con App Router

Aprende a proteger 0:00:16

Aprende a proteger rutas en nextjs 13 usando app router #fyp #parati #shorts #nextjs13 #nextjs

Next Js 13 0:10:37

Next Js 13 with Redux Toolkit #12 Redux store with Local Storage

CRUD vanilla js 0:40:00

CRUD vanilla js con almacenamiento en el localStorage - part 2

How to Build 0:09:46

How to Build a Basic CRUD App with NextJS and Redux-Observable 5 | Programming | Philippines

Context vs localStorage 0:11:52

Context vs localStorage | React, NextJS, t3 app

Integrate Context Api 0:26:31

Integrate Context Api in Nextjs 14+ - Build CRUD App

DEMO CRUD USE 0:00:55

DEMO CRUD USE DATA ARRAY ON REACT WITH NEXT JS

CRUD Application with 0:06:01

CRUD Application with Redux & React Query - Next.js For Beginners [#17] - React Query

type safety in 0:07:27

type safety in LocalStorage api with typescript

NextJS 13 | 0:04:27

NextJS 13 | How To Send Data From Client Input Form to API Route on Server WITHOUT Axios or UseState

Es Next.js el 0:00:08

Es Next.js el nuevo PHP? 🤣 #developers #programacionweb #desarrolloweb

Nextjs MySQL Tutorial 2:55:14

Nextjs MySQL Tutorial (CRUD, Subida de imagenes, Tailwind, Deploy)

Комментарии
Автор

Es genial este men, enseña rapido y al grano y al mismo tiempo explica perfecto, me gustaria encontrar a alguien asi para JAVA conocen a alguien??

angelmontanovargas
Автор

He aprendido mucho sobre Context con este video. Muy bien explicado todo!

jangelro
Автор

Hola Fazt exlente vieo como simpre.
Gracias por enseñarnos algunas librerias en el camino, react-hook-form me servira de mucho en mis proyectos.
Saludos desde Bolivia....!!!

arielangelsantillanreyna
Автор

Excelente video de verdad me ha ayudado mucho es muchísimo mas fácil el despliegue, espero que siga creciendo tu canal.

andresTorrecilla
Автор

Justo lo que quería, muchas gracias fazt, siempre trato de dejarte un comentario como agradecimiento, pero esto es justo lo que necesitaba ajjajaja me va a servir un montón, muchas gracias 🫂❤

Deus-lo-Vuilt
Автор

Excelente tutorial, todo bien claro y explicado.

oscarclaros
Автор

Fazt, nos haces regalos cada día 😂 gracias por el video!!

gabrieltettamanti
Автор

que buen tutorial crack! estaré atento a todo lo que subas sobre Next.Js

cristianrivera
Автор

Bro, sos el dios de las explicaciones sabías?

gamuro
Автор

Gracias por subir material de Next 13 Fazt !

Epsaind
Автор

lo mejor fazt, justo estaba esperando

Clix-kj
Автор

y sigue el aprendizaje, muchas gracias por compartir

juanchoprogramacion
Автор

Fazt, eres un referente de tech, sin duda alguna. ¿Cómo es que no apareces en los stateOfJS?
Mi admración, sensei.

MrNELSONRIVAS
Автор

¡¡¡Fazt sos un pto crack!!! Vamos Carajo!!!!

Gomplayer
Автор

es justo lo que necesitaba, graciaaaas ❤

estebanmunozrojas
Автор

Como siempre … no defraudas. Muchas gracias

AngelGonzalezM
Автор

Muchas Gracias Fazt 🎉🎉. ¿Cuándo harás un vídeo con Three.js?

haroldbustamante
Автор

Bacán. Solo que sería bueno también especificar en el título del video que es el Next.js 13 Experimental, ya que también podría haberse empleado el formato tradicional. Veo que la Beta tiene buenos features que sería bueno tocarlos en algún momento.

TinoReyna
Автор

Fazt, que piensas de Actualizar nuestro Stack tecnologico a T3-Stack donde todavia las Empresa siguen manteniendo un Stack antiguio y que es dificil de migrar? Yo estoy haciendo esto Actualizar mí Stack pero en el trabajo sigo con tecnologias algo antiguas.

wjmmk
Автор

Hola qué tal? me gusta tus videos y estoy empezando en el desarrollo web. Podrías explicar un ejercicio usando nextjs y firebase por favor.

jhonmeza