jurassicjs / nuxt3-fullstack-tutorial Goto Github PK

View Code? Open in Web Editor NEW

301.0 10.0 87.0 1.7 MB

Full Stack Nuxt App Tutorial

Home Page: https://fullstackjack.dev

Vue 79.97% CSS 0.04% TypeScript 19.80% JavaScript 0.18%

fullstack-development fullstack-javascript nitro nuxt3 typescript

nuxt3-fullstack-tutorial's Introduction

Hi there, Full Stack Jack here

I'm glad you found this awesome repo.

If you'd like a walk through of how nuxt3 and in particular this set up works,

check out the Full Stack Jack Youtube Channel here 👉 FullStackJack Youtube Channel.

Connect with me

Nuxt 3 Fullstack Tutorial

Look at the nuxt 3 documentation to learn more.

Demo App

Check out FullStackJack.dev to see this code live in action.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install --shamefully-hoist

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Checkout the deployment documentation for more information.

nuxt3-fullstack-tutorial

nuxt3-fullstack-tutorial's People

Contributors

Stargazers

Watchers

Forkers

pedropankaj hartmut-co-uk antoninkabelka sontagbae helfanzananda alimora83 supapow msjones3 cherbear263 akselele taiworoqeeb ahmedhegazee ghost00327 kecheon fabianmerino rogadev helroygerman drivas-bmotionav nastib sixpacks123 superinfo imagen7th abdelrhmanabuelnile moshi-soft klukiyan wisebody gobrasil abdullahsameh daveleslie alex75757 mahmoodkhalil57 bangsite belwalshubham kholifah kamol100 abbijamal makara-dev369 ericc70 tungle0319 yasaman-k mileo desass123 giokth ehdud5578 xrb21 gggneo bobbysihalath thundree slukehart slukehartbc grs-se kriess yahaaylabs sunday2146 pcypoon jonaswit ajayshrestha47 danja030 ador-bot ecdata tech-nova olufemi424 a997927931 thegrtnx mrmagicalsoftware szvest isigmac zeronilzero goncanegis mookth789 shenxinhui mongkonwirunputi rodolphojunior leewakin hamza-karrad hunghobbit rabahlamainfroide soroushcoder dstenka hendisantika masterlopau zpzgzerg popcorn1115 luctq-3361 brucecc manoj-karthick realbuddy

nuxt3-fullstack-tutorial's Issues

npm install failing

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@"^3.2.37" from @nuxt/[email protected]
npm ERR!   node_modules/@nuxt/vite-builder
npm ERR!     @nuxt/vite-builder@"^3.0.0-rc.4" from [email protected]
npm ERR!     node_modules/nuxt
npm ERR!       dev nuxt@"3.0.0-rc.4" from the root project
npm ERR!   peer vue@"^3.2.25" from @vitejs/[email protected]
npm ERR!   node_modules/@vitejs/plugin-vue
npm ERR!     @vitejs/plugin-vue@"^2.3.3" from @nuxt/[email protected]
npm ERR!     node_modules/@nuxt/vite-builder
npm ERR!       @nuxt/vite-builder@"^3.0.0-rc.4" from [email protected]
npm ERR!       node_modules/nuxt
npm ERR!         dev nuxt@"3.0.0-rc.4" from the root project
npm ERR!   4 more (@vue/server-renderer, @vueuse/head, nuxt, vue-router)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! @vueuse/core@"^8.9.3" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@">= 2.5 < 2.7" from @vue/[email protected]
npm ERR!   node_modules/@vue/composition-api
npm ERR!     peerOptional @vue/composition-api@"^1.1.0" from @vueuse/[email protected]
npm ERR!     node_modules/@vueuse/core
npm ERR!       @vueuse/core@"^8.9.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Hi, I have cloned your repo along with mine since I'm following your youtube tutorial. When I run your app or mine it works as expected but when I use postman to register the user I get this error in the vscode terminal:
request error] Cannot convert undefined or null to object at Function.entries (<anonymous>) at validate$1 (/C:/Users/Korisnik/Documents/nuxt3-fullstack-tutorial/.nuxt/dev/index.mjs:450:37) at validateUser (/C:/Users/Korisnik/Documents/nuxt3-fullstack-tutorial/.nuxt/dev/index.mjs:513:24) at register (/C:/Users/Korisnik/Documents/nuxt3-fullstack-tutorial/.nuxt/dev/index.mjs:632:28) at processTicksAndRejections (node:internal/process/task_queues:96:5) at async /C:/Users/Korisnik/Documents/nuxt3-fullstack-tutorial/node_modules/h3/dist/index.mjs:420:19 at async Server.nodeHandler (/C:/Users/Korisnik/Documents/nuxt3-fullstack-tutorial/node_modules/h3/dist/index.mjs:370:7)

and this is the body:
{ "username": "myUsername", "name": "My Real Name", "email": "[email protected]", "password":"0123456789" }

Can you assist with this? Thank you.

Online demo

Any plan to deploy it to have a live demo of it? :)

`npm ci` failing

branch is section/2/auth

similar to #5 but this is explicitly the repository's fault as npm ci shouldn't fail since it uses locked versions