Build A Full Stack Analytics Dashboard (NextJS 15, TypeScript, Prisma, Recharts)

preview_player
Показать описание
#coding #tutorial #programming

Timestamps:
0:00 Intro
0:45 App Setup
2:26 File Structure
2:54 Dashboard Card UI
10:45 Database & Backend Setup
14:13 Creating DB Model
15:38 Recent Users UI
21:45 Recent User Display
26:42 Sales Amount
27:42 Total Revenue
28:43 User Count
29:11 Users This Month
31:16 User Purchase Display
37:03 Bar Graph (Users Per Month)
47:46 Line Graph (Sales Per Month)
53:29 Goal Progress
  1. Nizzy
  2. coding
  3. tutorial
  4. software
  5. javascript
  6. typescript
Рекомендации по теме
Full Stack Developer 0:00:18

Full Stack Developer in 6 Months

I earn $1,753/day 0:06:59

I earn $1,753/day with this SIMPLE tech stack

How to OVER 0:11:20

How to OVER Engineer a Website // What is a Tech Stack?

Fullstack development Roadmap 0:00:49

Fullstack development Roadmap - https://roadmap.sh/full-stack

Let's Build a 3:18:32

Let's Build a Full Stack E-Commerce Analytics Dashboard With Next.js (Frontend)

Build Apps In 0:05:01

Build Apps In 1 Week With This Tech Stack

How to Become 0:00:47

How to Become a Full Stack Developer in 2024? | Full Stack Developer Roadmap | Intellipaat

Data Analytics 3 0:00:31

Data Analytics 3 months roadmap #dataanalytics #datascience #upgradeskill #livetraining

How I Created 0:00:25

How I Created a Stunning Gaming Website from Scratch! 🚀 | Full Code Demo #YouTubeCoding #cricket

Build and Deploy 4:41:22

Build and Deploy a Full Stack MERN Application With CRUD, Auth, and Charts Using Refine

On an average 0:00:36

On an average Full Stack developer make 6 - 8LPA. The complete web development bootcamp from @udemy.

Full Stack Analytics 0:30:57

Full Stack Analytics In 30 Minutes

FASTEST Way to 0:10:55

FASTEST Way to Become a Data Analyst and ACTUALLY Get a Job

Let's Build a 8:13:18

Let's Build a Full Stack E-Commerce Analytics Dashboard With Next.js, Auth.js, Prisma, Neon, an...

How I'd Learn 0:00:48

How I'd Learn to Become a Data Analyst

✅Tips for Data 0:00:27

✅Tips for Data Science Freshers

Frontend Developer vs 0:00:11

Frontend Developer vs Backend Developer vs Fullstack Developer

Build A MERN 5:23:38

Build A MERN Finance Dashboard App | Machine Learning, Typescript, React, Node, MUI, Deployment

Build A Full 1:00:12

Build A Full Stack Analytics Dashboard (NextJS 15, TypeScript, Prisma, Recharts)

Fix this before 0:00:31

Fix this before you choose Data Science! #datascientist #shorts #developer #programming

Don’t Become a 0:00:27

Don’t Become a Data Scientist If

DevOps VS Full 0:01:01

DevOps VS Full Stack Developer?🤔

Fullstack's Online Data 0:01:35

Fullstack's Online Data Analytics Bootcamp

Build a fullstack 0:07:07

Build a fullstack app in 7 minutes with v0 (Figma to code)

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

This is exactly what I was looking for, thank you soo much!

afuaanaglate
Автор

So where is the data coming from? Showing that would be interesting.

dkr
Автор

Just subbed! Thank you for this! Will be following you on this journey cheers

ElijhaW
Автор

Please can you create a small tutorial for writing docs for project like how to use it how to manage it what kind of changes can be done and all for example consider shadcn ui library like tha docs my project docs can be similar.. So it would help me alot if I know how to write docs in a concise manner

Aman_yadav
Автор

Which VS code theme is that

BTW great video

ashishitsme
Автор

Why use Next for a dashboard? It doesn't require SEO so isn't React + Vite enough for this?

youarethecssformyhtml
Автор

You are not using the version 15 of Nextjs you are using 14.2

lovepreetSingh-rxvz