Nuxt 3 tutorial part 1. Build a full stack app with Nuxt 3

[@calvinnguyen1451]

Amazing -- this is the best Nuxt/Vue tutorial that I've come across on YT. Thanks for sharing your craft with so many others on their learning journey!

[@FullStackJack]

Wow, thank you!

[@kasopejohnson3831]

this is probably the broadest but short Nuxt course on KZbin. Thank you 🙏🏾

[@SagarYadavIndia]

time @34:52 - great idea to store errors in a map. Beautiful. You could make a small 5 minute video or even a 1 minute short youtube video over that. That's just so beautiful

[@RootsterAnon]

Please continue this series, we need real-life examples. thank you.

[@fayazara]

A good no bs tutorial. Been trying to find a tutorial with this exact same use case, a saas project with nuxt using prisma and you made the very samr thing.

[@DevBishwasBh]

what is bs bro?

[@omairmedia247]

Great Course! Looking forward for more Nuxt 3 Fullstack Videos from you! Keep it up

[@offgridvince]

What happend when u added " import { defineNuxtConfig } from 'nuxt' "? I get an error...

[@jeno427]

Oh man, this is exactly what I was looking for. Thanks for sharing!

[@offgridvince]

Hello, did you complete the tutorial?

[@borisbosnjak9772]

This is a much needed tutorial!

[@captainalpha4853]

I love how you structure your project! It would be super awesome if you make a tutorial about this clean architectur. Thank You! Great video!

[@Daiphiron]

Great Vid. Keep up the good work :)

[@thecommittee2434]

You make it easy to follow a lot of information. Thanks jack

[@mamlzy]

Thank you for your effort.. can't wait for another part!!

[@GIOVANNYGARCIAHOLGUIN]

a new subscriber here, this is amazing

[@kongoon]

Thank you, Waiting for next part.

[@FullStackJack]

Perfect timing, I just published the follow up.

[@elbaylekabderrahmane3292]

افضل فيديو fullstack ، شكرا جزيلا

[@wisdomeshiet4259]

Man, you are solid👌🏼

[@oscarestudillomarin8732]

Really thanks for the tutorial, It's being really useful for me 🙏🏽

[@cyberpunk_10]

Thanks for the cool videos. I want a video from you about the prism

[@arescatalin1407]

Would've loved to see i18n module included in this project as there aren't a lot of videos about.great work for the rest

[@dennisbaum]

That would be really great! I would also love to see, how you would do (dynamic) translated routes (without pages/language-folders)! Thx for that great video!

[@holichub7882]

Pastes then explains ~ the best!!!

[@SagarYadavIndia]

time @12:10 - I would like to suggest a potential improvement. It could be beneficial to generate an ERD (Entity-Relationship Diagram) output after creating the database schema. This way, one would not need to scroll extensively and could explain the system to the user more efficiently. Thank you for considering this suggestion.

[@aamirmagsi7379]

Thank you so much this helped a lot!!!! You saved my life

[@FullStackJack]

Glad it helped!

[@jmeaulnes9272]

I am new to Node and Nuxt applications and I am very grateful to you for this video which really opened the way for me. However, I have a question: Unless I'm mistaken, I haven't seen any destruction of the session during logout. Aren't we going to pile up a multitude of sessions in the database?

[@timmushen]

Great tutorial

[@alejandroviveros9474]

Thank you are one of a kind. !!!

[@gregherrick4013]

Great video!!

[@konstantins.6598]

Please continue this series. thank you.

[@FullStackJack]

The next video in the series was just published.

[@codingwithmo328]

amazing tutorials , are you planning to do a nuxt 3 + drf tutorial and do you recommend that combo or not ?

[@FullStackJack]

I'm not sure what that is 🤗

[@elionaimelo7]

Great job! Thanks!

[@nyambe]

Have you worked with nuxt3 hybrid website generation yet?

[@aceracer5556]

May be next video Prizma ORM + Postgree SQL?

[@pedropankaj]

I loved it

[@rabithbo7089]

Nice tutorial

[@FullStackJack]

Thanks

[@rifkiardiansyah616]

what app u used for creating that app flow?

[@Mustafa-uj5vf]

Thank you so much for your hard work, just today I've encountered your channel, Could you please produce brand new real-life projects with pinia as well.

[@FullStackJack]

Great suggestion! I'll do my best.

[@davidbrian2918]

Great tutorial. Please, what are you using to create the flow at 5:41?

[@FullStackJack]

Thanks, excalidraw.app/

[@mel-182]

In this type of project is MongoDB an option?

[@FullStackJack]

sure, I just checked the prismajs docs and it looks like mongoDB is supported. www.prisma.io/docs/concepts/database-connectors/mongodb#mapping-from-mongodb-to-prisma-types-on-introspection

[@mel-182]

awesome!

[@offgridvince]

Hello, somethings are outdated that I can't seem to figure out on my own. Please help. When I add "import { defineNuxtConfig } from 'nuxt'" in the nuxt.config.ts, I get this message for the sqwiggly red line under 'nuxt': -- Cannot find module 'nuxt' or its corresponding type declarations. -- Thank you.

[@FullStackJack]

That sounds like the dev server hasn't ran. Try running "yarn && yarn dev" or npm, doesn't matter. Point is, all the TS goodness is created by the dev server. As a quick test I created a new project and I got the same error. I ran "yarn && yarn dev" and it was solved.

[@offgridvince]

@@FullStackJack thx 4 the prompt response. I'll try that. Thanks.

[@randomtimessomehow]

Have you made a video using Stripe UI elements?

[@anonanon521]

Why the inconsistencies between videos in terms of project structure?

[@litergame]

where's the userstore coming from? I have followed the video and it cannot find the User object as there is no user store in our app yet.

[@macroraptor-j5f]

Thanks for this. How do you set active class on the navbar?

[@FullStackJack]

hi micro raptor, check out my dark mode video. It's explained there

[@jamesblock8384]

I wonder if you deleted the old session when the user logs out if you could avoid the unique constraint you encountered at 42:30? On the other hand though perhaps you could use multiple sessions and store information about the login device and location. Then you'd be able to show users all active sessions and allow the user to end sessions? That'd be pretty cool. I still think that when you log out the session should be removed from the db.

[@FullStackJack]

Good points, i like the idea of multiple sessions. You're absolutely right, the session should be either removed or at least marked inactive. Keeping the session and any attached data could be useful in establishing a history for the user. Ill address it in further videos. Thanks for the feedback.

[@craxtrader]

could you make full stack app Nuxt3 Supabase Realtime Database on SSR mode...

[@AlexisArce-Ale]

👏🏼👏🏼👏🏼👏🏼👏🏼

[@bamgae]

Why is it hard to find an example combining nuxt3 and express? Is there any reason to only use nitro?

[@FullStackJack]

I just used what was already there. Is there something specific you want to do that you can't do using nitro?

[@bamgae]

@@FullStackJack Express is a framework that is used a lot, so I wonder why there is no reference. I want to use socket and graphql. Is it possible with nitro?

[@bamgae]

@@FullStackJack I think apollo server could be an alternative.

[@caudat8238]

Worked, thx

[@FullStackJack]

Glad it helped

[@gadgetkh9408]

I was thinking about possibility of using Nuxt 3 + Ionic + CapacitorJS for cross-platform app. But the resource is very limited right now. Can you please make more sample project of Nuxt 3 + Ionic + CapacitorJS? Thank you!

[@imtanuki4106]

Show the final app first...what a novel idea...:>) props!

[@mwatkins0590]

I could not follow this, at the start it seems there is an issue with the configuration: Module '"nuxt"' has no exported member 'defineNuxtConfig'. When i google this im told to use 'nuxt/config' however this causes the tailwindcss property to be a problem then.

[@fefelix2430]

i have this problem and in navbar.vue setColorTheme = (newTheme: Theme) ... error Cannot find name 'Theme' solution ?

[@EmmSortRespect]

what is your vs code font family, font-size ? it's absolutely amazing for me

[@FullStackJack]

Atom one dark and for the font size I just pump it up before a video so it's big. cmd or crtl then the plus button.

[@axelb423]

For login and registration, you can wait for Nuxt Auth, compatible soon.

[@panoramixer]

from the very beginning - it's not clear for me how it's magically were installed postcss and autoprefixer, they didn't appear in my package.json, but in section/1/... they are there.

[@FullStackJack]

@pavelkovalenko1643, you're right. I did try my best to keep things consistent, it appears that was an oversight. I don't recall having added it manually, but I did just check to see they were added automatically, and they were not. It must be a mistake in editing. Sorry for any inconvenience.

[@offgridvince]

'nuxt' is not recognized as an internal or external command, operable program or batch file.

[@KinzaSheikhOfficial]

I do follow everything until 3.02 My build environment is npm. But I never get the same output

[@kamchatsky]

why files in video are difference from github repo? where is it?

[@FullStackJack]

Do you have the correct branch selected?

[@hxdsgn4375]

Why was the name 'Theme' not found tho and your repo... when i tried to download the zip my windows defense just instantly throw trojan virus warning lol

[@FullStackJack]

What are you talking about?

[@asmodeus3424]

where's part 3?

[@FullStackJack]

Good catch, web hooks is part 3. I updated the title

[@nested9301]

ouch my head hurts

[@ΓερασιμοςΑ-ν8σ]

Goodjob, i would love to see actual coding and not copy paste though

[@FullStackJack]

Thanks. I understand the wish. It's a preference thing. I find it boring to watch people type. If I showed myself typing everthing the video would be super long. I have to take time and watchability into account. If everyone were saying the same thing, of course I'd change it. It's way less work to just record myself typing. No editing sounds great.

[@ΓερασιμοςΑ-ν8σ]

@@FullStackJack thank you for your answer. Im using nuxt bridge and it has a lot similarities to nuxt 3 (we try to get ready for nuxt 3production). I would like to see how you come up with this code, your thinking and planning. Anyway thank you for your time

[@0x2a1A4]

TS arr.. good tut though, but damn i hate TS,..

[@briankgarland]

Not really a tutorial as much as a highly edited and quickly narrated review of a web app being built. But it could be of value as a reference.

[@eg0ist_665]

I don't get why people so amazed by this video, for me it s just flow of trash. How could it be simple for beginners if you copy paste files folders in a second and the whole thought just pass by??. Instead of 44 min you could make it more clear determined for 1.5 hour

[@АлМ-ы8ъ]

COPY PASTE.... (((

[@alphacentorus]

hello what is 'h3' ? (import { useCookie } from 'h3') Ok after research find it in composable documentation Nuxt3

[@FullStackJack]

H3 is the server, otherwise known as Nitro

[@riamahmed7019]

Goodjob, i would love to see actual coding and not copy paste though