Help setting up

Hi! So I am new to back-end, decided to learn it via a tutorial Can anyone help me get started? I've tried several things as to a workable demo (as that is required in step 1), but so far I've got no luck correctly launching the page outside of the Live Server from vsc
freeCodeCamp.org
Learn to Code ā€” For Free
11 Replies
clevermissfox
clevermissfoxā€¢10mo ago
What are you trying to learn in backend?
Brightie
BrightieOPā€¢10mo ago
Well, just the basics of it all, I'm not sure which things I'll see in this tutorial Tho I am assume that I'll get a lot of valuable knowledge from it that I can ustilize but yh , Ive tried teh github pages, Ive tried netlify, but I am struggling to set it up properly and get it to work So could youhelpmecorrectly setting this up ? prettyplease
clevermissfox
clevermissfoxā€¢10mo ago
This is more of a front-end problem so thats where youd want to post fromtend quesrions #front-end . Can you link your github repo? It should just take a few clicks to deploy on netlify. What's happening when you try? I'm not a big fan of freecodecamp tbh. I don't think they take the time to teach that they should.
clevermissfox
clevermissfoxā€¢10mo ago
Kevin Powell
YouTube
Host your site for free, with version control, staging, and more us...
You already have your page on GitHub already, so why not host it with Netlify and take advantage of the versioning from GitHub (including easy rollbacks), easily set up a staging site through a branch, and a lot more. šŸ”— Links āœ… Netlify: https://www.netlify.com āœ… GitHub: https://github.com āœ… Get started with Git and GitHub: https://www.youtube....
Brightie
BrightieOPā€¢10mo ago
well, when inpost it on netlify its saying the page doesn't exist (probably because it cant reach the index.html which is in views folder) thisnis my guess because when I change the path to go to views folder it does load the page but without yhr css and probably all the other necrssary files I will post my repo in a moment when I use the github pages its just showing the readme instead of the index.html
Brightie
BrightieOPā€¢10mo ago
https://github.com/BrightDN/boilerplate-npm I kinda feel I copied the repo incorrectly as well ngl ... xd
GitHub
GitHub - BrightDN/boilerplate-npm: A boilerplate for the freeCodeCa...
A boilerplate for the freeCodeCamp curriculum. Contribute to BrightDN/boilerplate-npm development by creating an account on GitHub.
Brightie
BrightieOPā€¢10mo ago
https://brights-back-end.netlify.app im getting page not found here btw, as I explained earlier From how I understand it, looking at the files, it should look for server.js and that one should redirect it to the index.html page Maybe I have to somehow specify what file it has to look for? well, no because it would look for package.json right? in there I see the node server.js
"main": "server.js",
"scripts": {
"start": "node server.js"
"main": "server.js",
"scripts": {
"start": "node server.js"
wait, so do I have to set the directory things up in a certain way? on netlify i mean @clevermissfox while that video was most informative, I'm afraid it didn't help me resolve my issue
Heitor
Heitorā€¢10mo ago
you need to set up a backend server, if you are doing it in github. There are some free options that you could use, I recommend https://render.com/ they have a nice free tier. Or you could use the replit starter they provide https://replit.com/github/freeCodeCamp/boilerplate-npm
Cloud Application Hosting for Developers | Render
Render is a unified cloud to build and run all your apps and websites with free TLS certificates, global CDN, private networks and auto deploys from Git.
replit
Create a new Repl
Run code live in your browser. Write and run code in 50+ languages online with Replit, a powerful IDE, compiler, & interpreter.
Heitor
Heitorā€¢10mo ago
the gihub project looks fine I don't think you can deploy this project on netlify, it's a node server
Brightie
BrightieOPā€¢10mo ago
I see, so only static html/css/js can be placed on netlify? I have managed to get it to work with the replit thannk you
Heitor
Heitorā€¢10mo ago
netlify you can use most front end frameworks too, like Next, Nuxt, Astro, etc nice good luck learning back-end šŸ˜
Want results from more Discord servers?
Add your server