Authentication and Authorization, adding google maps to a nextjs 14 app, metadate in nextjs
Автор: Queen-Dev
Загружено: 2024-02-03
Просмотров: 170
Описание:
In this nextjs tutorial, we are going to explore nextjs in detail i have read thier docs and picked out what i think is important for you to know and to start building your own application.
Furthermore, the video will shine a spotlight on Prisma 4, a state-of-the-art database toolkit for TypeScript and JavaScript applications. Witness firsthand how Prisma simplifies database access and management, providing developers with a robust and intuitive solution for building scalable and maintainable web applications.
In this tutorial we will be looking at
1. Styling: The different ways to style your application in Next.js.
2. Optimizations: How to optimize images, links, and fonts.
3. Routing: How to create nested layouts and pages using file-system routing.
4. Data Fetching: How to set up a database on Vercel, and best practices for fetching and streaming.
5.Prisma: How to work with prisma and model our data
6.Search and Pagination: How to
7 implement search and pagination using URL Search Params.
8.Mutating Data: How to mutate data using React Server Actions, and revalidate the Next.js cache.
9.Error Handling: How to handle general and 404 not found errors.
10.Form Validation and Accessibility:How to do server-side form validation and tips for improving accessibility.
11.Authentication: How to add authentication to your application using
12.NextAuth.js and Middleware.
13.Metadata: How to add metadata and prepare your application for social sharing.
Github repo for source code: https://github.com/Nomboh/tracker-you...
Time Stamp
00:00:00 - 00:02:18 Introduction
00:01:18 - 00:14:42 fixing bugs
00:14:42 - 00:47:05 Order history
00:47:05 - 00:59:21 Adding google maps to nextjs 14
00:59:21 - 01:18:36 Editing order and location
01:18:36 - 01:28:00 Adding metadata to a nextjs app
01:28:00 - 01:34:17 Deleting Orders and fixing error loading map
01:34:17 - 02:27:20 Authentication and authorization with next-auth
For business inquiries:
[email protected]
#nextjs14 #prisma #fullstack #tailwindcss #react #webdevelopment #serveractions #servercomponents #streaming
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: