how to upload my portfolio

[opaque radish]

because im in localhost

[nocturne tulip]

https://docs.astro.build/en/guides/deploy/ ?

[opaque radish]

and when im on this site what should i do ?

[nocturne tulip]

you want to deploy your site right?
you need to choose a service to deploy to

[opaque radish]

yes, but what service is the best to deploy a portfolio ? they are all the same ?

[nocturne tulip]

are you using github/gitlab?

[opaque radish]

hm i don't really know, i follow a tutorial with astro and a template of a portfolio, this one but i don't know what type is it https://astro.build/themes/details/portfolio/

im not good at code sorry

[nocturne tulip]

astro doesn't really come with a preconfigured way to deploy your page
you need to choose a service to use for your page
and that will probably require some code knowledge
but you can try and follow one of the guides

[opaque radish]

hmmm okay i will see so

[tawdry frigate]

cloudflare pages, vercel, netlify are going to be your easiest options... you just connect your repo
If you need ssr or any backend, fly is super easy

[opaque radish]

i follow the tutorial, but when i type "vercel" in my cmd this appear

do you know how to fix it ?

@nocturne tulip

[nocturne tulip]

I'm not too familiar with vercel, what does your vercel.json (or whatever it's called) look like?

[opaque radish]

this ?

[nocturne tulip]

https://vercel.com/docs/projects/project-configuration# this one; maybe it's optional though

[opaque radish]

so what should i do, i don't really understand ?

[nocturne tulip]

what do the rest of the lines say if you expand the log?

[tawdry frigate]

What do the rest of the logs say? are you using npm?

vercel should detect you're using astro and install your pkg

[opaque radish]

i don't see the expand line

[nocturne tulip]

in here

[opaque radish]

yes i use npm

oh sry

[tawdry frigate]

try changing the vercel cmd to npm astro build ?

[opaque radish]

and how can i do it ?

[tawdry frigate]

They have a config file

should have added one when you set it up

[opaque radish]

this one ?

[nocturne tulip]

create vercel.json:

{
  "buildCommand": "npx astro build"
}

[tawdry frigate]

Thats astro, check if they added a line to your package.json

[opaque radish]

where did i put it ?

[tawdry frigate]

That .vercel/readme should have instructions too

[tawdry frigate]

That's lame 😄
But yeah, try vercel.json file in base and add build cmd

Or, at this point, I would probably just use another provider...

[opaque radish]

like netlify ?

[tawdry frigate]

Yeah, or cloudflare pages

The whole point of them is it just works, as soon as you start fighting with it, just walk away 😄

[opaque radish]

okkay, i will try cloudflare pages so

[tawdry frigate]

Ping me if you have issues, but you probably wont 🙂

[opaque radish]

just, is it free ?

I said nothing, my bad

[tawdry frigate]

Something like first 10mil visits per month and then 5$ for another 100mil/m, cheaper than vercel

[nocturne tulip]

Cloudflare Free says unlimited requests & bandwidth even

[opaque radish]

@tawdry frigate when i do the "npx wrangler pages deploy dist" they do an error

[tawdry frigate]

You're cursed!

[opaque radish]

bruh x)

i just want to deploy my portfolio 😭😭

[tawdry frigate]

You have this in git repo?

And it works locally ( serving build )

[opaque radish]

what's that ?

[tawdry frigate]

Then no 🙂

[opaque radish]

yes its working

[tawdry frigate]

After built

npm preview

[tawdry frigate]

yeah npm run preview

[tawdry frigate]

And it looks same?

[opaque radish]

yes

[tawdry frigate]

Then, yeah, idk 😓

Pretty disappointing error from cloudflare

So... can try netlify, but tbh there's probably something else wrong if vercel and cf error out

Next step for help you be putting this in a repo ( like github )

[opaque radish]

yes idk its so strange

[tawdry frigate]

But thats more to get into, lots of guides online

Yeah, I really can't image what it is... they should just copy your dist and be done

Maybe try deploying another pages app, like just an html file hello world

Atleast know if everything works without your app

[nocturne tulip]

503 may be an actual outage
maybe just try the command again?

[opaque radish]

yes i think its working but the "V5.mp4" is already delete so why they say me that ?

@nocturne tulip

[nocturne tulip]

you definitely shouldn't include a 30 mb mp4 in your website

[opaque radish]

yes its why i delete it but they say the same message another time

[nocturne tulip]

you probably need to run astro build again

[opaque radish]

OH YES i think its good, can you tell me if it is, do you can go on the site ? https://17f96ae5.portfolio-4bt.pages.dev

[nocturne tulip]

yes

[opaque radish]

niceee

thank you so much

[nocturne tulip]

c'est belle

[tawdry frigate]

For your video, if you can't compress it, you can create r2 ( cloudflare s3 ) bucket and put it there, set the bucket public, then use it's url in your astro page ( just make sure to set it to lazy )

[opaque radish]

no its ok i cant compress it,thanks anyway

but i have a question, can my portfolio be updated without them having to give me a new link each time?

[tawdry frigate]

Yeah, do that if you can't

Thats probably just a preview link, your main deployment is at the rest of the domain

like portfolio-4bt.pages.dev

[opaque radish]

yes, how i can change this ?

[tawdry frigate]

Not sure what you mean, like add your domain?

[opaque radish]

i want to have a link who update with any change on my portfolio

like i don't have to all the time change the link

[tawdry frigate]

To cause your page to rebuild? they have webhook for that in the settings
If you mean to access it at a single url, its already doing that

The preview links are for that instance, but since you're not doing version control, your app will always be at the same url anyways

portfolio-4bt.pages.dev

For like 10$ you can buy a domain and connect it

[opaque radish]

hmmm ok i see, so if i want for the link to updates automatically when i change something i need to pay for a domain

[tawdry frigate]

No

What links do you mean, I don't think we're talking about the same thing

[opaque radish]

this one

[tawdry frigate]

You can just ignore the first segment ( if you start using git, you'll see what that is )

the part starting with portfolio is your main website url

[opaque radish]

okay but when i add or change something on my site i need to update the link because when i just refresh the page my change doens't appear

[tawdry frigate]

No, just don't use the first part of it 🙂