type in cmd into the window search bar

and also make sure you installed nodejs, etc

hii thank u for replying

i think im trying to do that rn

i feel like im falling into some weird pipeline i have no idea

🥲

im on this github thing trying to find the download button... i feel stupid

ah thats just the version manager you don’t really need that. you should be fine to just install node.js by itself nvm is more for advanced users who want more control

oh really okay

thank you!! i swear i couldnt find this myself 😢

if you want to use this

you need to go to

through

can use this if you want

should i go next

can you expand the add to path one?

should be find to press next

leave it unchecked then press next

its installing

[yippee](https://cdn.discordapp.com/emojis/1268456056237981777.webp?size=48&animated=true&name=yippee&lossless=true)

okay yay

Okay i have nodejs downloaded Back to nextjs..

i think

once it finishes you might need to restart your pc through

oh

yeah

it kinda just finished

oky

sometimes cmd, path doesn’t get regonzied

after i restart i cancontinue from this site right?

yup

btw

i recommend using bun

bun is the fatest

bun is fastest then pnpm, npm, yarn

so you will need to get bun installed as well

thank you!! 🙏

😓😓

i have no idea what bun is

its a package manager

its listed in the page you showed

its the last option

bun is better then all 3 through

oh yeah okay

i think its installing

yup

2%

yay

once this is all done

type node -v and then bun -v these should both work

did i do somethnig wrong

you need to restart the terminal

ooo

it works now

im gonna put that command in now

omg finally something 😭

nice gurt

you good now? do you need any more help?

ill let you know!

im gonna try to see what i have to do

🥲

after downloading nextjs do i have to do any of these next things on the site or is it just offreing alternatives?

Running this command will have already created the files necessary to build a nextjs app in the folder u specified "my-app". So u dont need to create one manually.
You can use the dir command in that cmd window to list files in your current directory. The new project should be listed there. You can enter the project folder using cd my-app.
Youre gonna need a code editor to open and edit the files. As well as run commands. If you dont have one already i can recommend vscode, for beginners. Once you have it type code . in the cmd window. Thatll open the current directory in vscode

i have vccode!

vscode

🥹

im sorry this is my first time

and im not good with powershell

Perfect then just run code . in the project folder and itll open everything up. You might wanna install some of the recommended extensions that will pop up in the bottom right after opening vscode. They'll help with things like formatting files and showing different colors for different keywords and values

If u intalled vscode after opening this terminal, it might not have registered it yet

Try closing and opening the terminal

Or just press the windows key and open vscode manually, then search for the project folder through the vscode ui

Its good to get used to basic termnial commands though so i recommend opening it that way :)

Oh wait, you didnt leave a space after code. I just realized

i have had vscode before

The command youre running is code then you pass whats called an argument. In this case . to specify the directory you wanna open using the code command

oh!!

it opened it

Nice

i can safely close terminal now right?

Yes

Vscode has a built in one too

oh?

You can look up the shortcut for it, i dont use vscode anymore so i dont remember

alrightt

im trynig to follow this tutorial

thatmeans i have to make a new folder and do stuff right

or No i guess the stuff he has is kind of similar that what i have on this setup thing already

[deluthink](https://cdn.discordapp.com/emojis/761869005098450974.webp?size=48&name=deluthink&lossless=true)

Yes exactly, he probably ran the same command

When is the tutorial from?

Like from what year?

Jul 26, 2023

Hmm its a bit old. Nextjs releases new features pretty quickly so that tutorial is already pretty outdated. I recommend thinking about searching for the nextjs documentation and using that to learn instead

U dont have to read or memorize everything, just look around a bit to see whats possible

thank you!

but the tutorial is still kind of fine right?

like to leanr stuff from?

or is the language thingy terminology documentation or whatever its called too outdated to use

In the last 3 years there have been some pretty big new features, so if u do wanna start with video tutorials u should probably look for a newer one

If u wanna understand something specific you should use the docs though, theyll always have the most up to date info

question

when i press go live

it always opens this thing

i know im supposed to run to like localhost in the url to open up stuff but

i swear before when i followed tutorials to make basic front end html whatever sites it would open it up directly

when theres more files does it just do this

does going live do the same thing as doing it from the terminal?

for some reason some errors popped up and its because i think they cant find the address of whatever it is but my files are .ts not .js, would simply renaming it help? 😰

okay no that does not help

is this what i needed to do to fix it?

Definitely not. Youre asking bun to install a package called tsconfig.json. if that actually installed something youll definitely want to uninstall it using the same bun command. Run bun -h for help

These docs tell you how to start the server

oh

wait but what abt the validatin error (?) i think i managed to start the server

I assume that pic on the left is from a d.ts file. You can look up what those are but generally you dont wanna touch nextjs's d.ts file

this thing

Oh, yea the .next file contains build/dev server data, you generally also dont need to touch stuff in there

if it has a problem does that mean i cant run it

Have u tried to run it?

i guess it works

alr nice

thank you so far for the help!!!

[kaito_pray](https://cdn.discordapp.com/emojis/1327735219167563876.webp?size=48&name=kaito_pray&lossless=true)

Yee no problem good luck :)

i have an issue

[naruCryFox](https://cdn.discordapp.com/emojis/744650401453703290.webp?size=48&name=naruCryFox&lossless=true)

idk what im donig wrong

its supposed to show up lik ethis

do i have to import react in this page itself

ok turning it off and on again worked

if your asking why you don’t have the classes

you need to get tailwind

i think i have tailwind on

set up from 2

r u sure?!

i might not

sorry im as bad as chatgpt hallucinating things not even there

wait what is the issue

so he did this right

i followed him but for some reason the profile/thing doesnt show up in my page when i do it

am i doing something wrong

why isnt it showing up

and i downloaded tialwind

can you inspect element

and show

can you press x on this

then retake screenshot

also can you please format your code

i can’t read it

and its messing with my ocd

am sorry

😭

i will try

should be able to right click and a menu should pop up

and then press format document

is this better

wiat but X closes it do you want me to make it bigger

yes

not the top x

the one here

you don’t need this

and its making it hard to read the rest of the css

oh

lol

my bad

do i pull it higher

😰

can you select the element that please

press this and rhen select the texy

hmm

i think i see the issue

[ganyu yay](https://media.discordapp.net/stickers/1434502427314356256.png?size=160&name=ganyu+yay&lossless=true)

can you try using bg-pink-100

instead of bg-pink

omg a box showed up but still no text

can you show me how you are using userprofile

oh wait

yeah

can you show me how your usingitnpleas

hi

umm

wydm

like where are you importing profile page

like it looks like this rn

oh i think i know

i know your issue!

yay!! thank you

ok so your doing this wrong

mhm

you need to remove the params from the top

okok

is it cuz this tutorial is outdated or something

i tried to look on the website for stuff related to this grabbing serving thing but i wasnt finding anything

at the top

put

import { useParams } from 'next/navigation'

then instead the function

inside*

put

const params = useParams<{ id: number; }>()

and then see if that works

do i still keep this

yes

i see i see

so in the case that i make a bunch of different pages like this i have to import this use params every time

it should work now

lmk if it doesnt

try switching to

const params = useParams()

instead of what i gave you

see if that works

i tried with /abc and /123 but they dont show anything

thats bc you removed the {params. thingy from your code

i dont see it anymore

oh

wat duh heck

when did i remove that im so stupid

holon

lmfaoo

omg it works now

thank you!!

do you know where the documentation is for this

so i can read about it a bit more

thank you

np

also this is really coo and all so that it can put the name and stuff but what practical use is there ? like when you log into an acount does this param thing for profiles show like the data from their account and whatnot

Nvm im reading the website

this is more of a shopping site thing

for example if you wanted to view a profile for a specific user, this would come in handy or something like messaging a certain user, or like to get the group or something your in a lot of cool stuff can use that for. also for like a shop item or something

So in a database theyd be tagged by these thnigs, you only make one page with a template and whenever it loads something it puts in the tags from then right

it also can be for community shit

because discord uses it

with their ids

oohhh what

you never noticed that?!

theres always a channel, user, etc id

in the tab

oh this

aaaaaaaa

omg

yes

this is so cool

im learning so much

[yay~1](https://cdn.discordapp.com/emojis/1450877383371526255.webp?size=48&name=yay%7E1&lossless=true)

useparams can accept more then one params

ofc

[notes~1](https://cdn.discordapp.com/emojis/1437514705534058506.webp?size=48&animated=true&name=notes%7E1&lossless=true)

theres a similar thing called useSearchParams which is pretty cool

i will check it out!!

can i import javascript libraries onto this application thing?

depends what libraries

i had this tarot card thingy library that i found

can you send

yes

this is kind of a long shot for later

but i was curious

cuz i wanted to make a loginable trackable tarot reading app thing

or if that doesnt work just a mood tracker

i think it should be fine

[yay~1](https://cdn.discordapp.com/emojis/1450877383371526255.webp?size=48&name=yay%7E1&lossless=true)

yuppi

thankyew

is there something wrong with this address thing

can you hover over it

try removing the .ts extension

what happens then

it works nowww thank you

what does this mean

is it cuz the colors didnt show up when i made this constant so they dont know what this is

can you show the file

and where is it at

yeah

oh i see

you made a syntax error!

reallyy

oh no

its password: {

isverifed: {

, etc

not password {

oh!!

you forgot the colon

lmfao

okay i fixed it i think

yup

there we go

😰

idk why the hash thing doesnt work

lol 19 problems

wtf did you do

also

don’t use third party

you don’t need third party

what third party

bcrypt.js is a third party

you dont need it

your using bun

suddenly all my user things turned to squigglies

oh i was just following whatever the guy was doing

you can uninstall bcrypt.js

its a useless package

just use what bun gives you

thats what I love about bun

it has so many things built into it

to where u dont need a external package

just make sure you do bun install -d @types/bun

if its not there already

it also lets you pick

argon2 is reccomanded

but it comes with bun so you dont need a package

oki

thank you

for some reason all the user things went red

i dont remember deleting anything so idk why

hold on

im gonna try to look at all this again

i swear everything looks the same

nvm

i was missing an argument

@Morelet’s Crocodile please mark this one as solved please

oh!

okay

how do i do that

😓

i only know how to close it

i dont have it?

omgom

ok

wait oops

i didnt read

nope its still not appearing

😭