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