- Видео 39
- Просмотров 36 373
Peta Stewart
Добавлен 8 дек 2021
Welcome to my channel, I am a Full Stack Digital Designer:
...from an idea... to final production... I have you covered.
...from an idea... to final production... I have you covered.
Update Nodejs version on VPS with cPanel | Application Manager
In this video we go over the steps to update nodejs on cPanel via the WHM account.
Просмотров: 128
Видео
PostgreSQL on cPanel with Express server
Просмотров 3792 месяца назад
In this video we go through the steps of installing postgreSQL on cPanel and then setting up a nodejs server with express and connect to a database. Installation Docs: docs.cpanel.net/knowledge-base/sql/install-or-update-postgresql-on-your-cpanel-server/
Lit with rsBuild | Quick Set Up
Просмотров 582 месяца назад
Comparing the SPA set up with a couple of easy bundlers RsBuild: rsbuild.dev/guide/start/quick-start OTHER BUNDLER VIDEOS: Lit with Vite | Quick Set up: ruclips.net/video/mWBaTiw9F0o/видео.html Lit with Vite | Manual Setup: ruclips.net/video/BIpKxW0qokI/видео.html Lit with Parcel Set Up: ruclips.net/video/Uf2JZlCRunw/видео.html Lit with rsBuild Set Up: ruclips.net/video/jpuWZfoNu64/видео.html S...
Lit with Parcel Set Up
Просмотров 472 месяца назад
Comparing the SPA set up with a couple of easy bundlers PARCEL: parceljs.org/getting-started/webapp/ LIT: lit.dev/docs/getting-started/ lit.dev/playground/ OTHER BUNDLER VIDEOS: Lit with Vite | Quick Set up: ruclips.net/video/mWBaTiw9F0o/видео.html Lit with Vite | Manual Setup: ruclips.net/video/BIpKxW0qokI/видео.html Lit with Parcel Set Up: ruclips.net/video/Uf2JZlCRunw/видео.html Lit with rsB...
Lit with Vite | Manual Setup
Просмотров 602 месяца назад
Exploring Single Page Application (SPA) Bundlers LINKS vitejs.dev/guide/ lit.dev/docs/getting-started/ OTHER BUNDLER VIDEOS: Lit with Vite | Quick Set up: ruclips.net/video/mWBaTiw9F0o/видео.html Lit with Vite | Manual Setup: ruclips.net/video/BIpKxW0qokI/видео.html Lit with Parcel Set Up: ruclips.net/video/Uf2JZlCRunw/видео.html Lit with rsBuild Set Up: ruclips.net/video/jpuWZfoNu64/видео.html...
18 Web Dev Path: Terminal Challenge
Просмотров 162 месяца назад
A guide to become a website developer. STUDY TRACKER: webdevpathway.hashtag-webapp.com/ Nvm windows installation: ruclips.net/video/3H8qTSf90zw/видео.html
17 Web Dev Path | Task 8 Terminal & CLI's
Просмотров 262 месяца назад
A guide to become a website developer. STUDY TRACKER: webdevpathway.hashtag-webapp.com/ CMD: learn.microsoft.com/en-us/windows-server/administration/windows-commands/cmd Linux Bash: www.geeksforgeeks.org/linux-commands-cheat-sheet/ Nvm windows installation: ruclips.net/video/3H8qTSf90zw/видео.html
Understanding Frameworks - Nodejs
Просмотров 293 месяца назад
A brief look at the nodejs ecosystem for Single Page Applications (SPA's) STUDY TRACKER: webdevpathway.hashtag-webapp.com/
16 Web Dev Path: Task 7 styling frameworks
Просмотров 223 месяца назад
A guide to become a website developer. STUDY TRACKER: webdevpathway.hashtag-webapp.com/ LINKS: Bootstrap: getbootstrap.com/docs/5.0/getting-started/introduction/ Tailwind: tailwindcss.com/docs/installation/play-cdn Material: m2.material.io/develop/web/getting-started Shoelace: shoelace.style/ GSAP: gsap.com/ gsap.from: gsap.com/docs/v3/GSAP/gsap.from()
Website Architectures - A Simple Overview
Просмотров 323 месяца назад
A brief look at website architectures to understand which direction you might like to take as a website developer. STUDY TRACKER: A guide to become a website developer. webdevpathway.hashtag-webapp.com/
15 Check Point: Job Market
Просмотров 703 месяца назад
A guide to become a website developer. STUDY TRACKER: webdevpathway.hashtag-webapp.com/
Lit with Vite | Quick Setup
Просмотров 1053 месяца назад
In this video we set up a Lit project with the Vite bundler Exploring Single Page Application (SPA) Bundlers LINKS vitejs.dev/guide/ OTHER BUNDLER VIDEOS: Lit with Vite | Quick Set up: ruclips.net/video/mWBaTiw9F0o/видео.html Lit with Vite | Manual Setup: ruclips.net/video/BIpKxW0qokI/видео.html Lit with Parcel Set Up: ruclips.net/video/Uf2JZlCRunw/видео.html Lit with rsBuild Set Up: ruclips.ne...
Install nvm on windows || and Uninstall
Просмотров 8333 месяца назад
Install node.js with nvm (node version manager) to easily switch between versions while collaborating or editing older projects. Nvm Windows: github.com/coreybutler/nvm-windows/releases Nvm Mac or Linux: github.com/nvm-sh/nvm A guide to become a website developer: STUDY TRACKER: webdevpathway.hashtag-webapp.com/
The Favicon & Device Support
Просмотров 574 месяца назад
Learn about the Favicon and achieving full device support. en.wikipedia.org/wiki/Favicon#Image_file_format_support realfavicongenerator.net favicon.io/favicon-converter/ www.favicon-generator.org/ favin.ico iconifier.net/ STUDY TRACKER: webdevpathway.hashtag-webapp.com/
VPS: Deploy nodejs app on cPanel (& Shared Hosting)
Просмотров 2 тыс.4 месяца назад
Tutorial: How to Deploy Node.js backend server on VPS with cPanel In this example my backend listens on a port and connects to mongoDB cPanel reseller Hosting: www.a2hosting.com/refer/372175 TEST NODE app: github.com/Peta-S/test-node-app STUDY TRACKER: webdevpathway.hashtag-webapp.com/
14 Web Dev Path: JSON & API Challenge
Просмотров 334 месяца назад
14 Web Dev Path: JSON & API Challenge
12 Web Dev Path: Javascript Challenge
Просмотров 325 месяцев назад
12 Web Dev Path: Javascript Challenge
10 Web Dev Path: CSS & SVG Animation Challenge
Просмотров 285 месяцев назад
10 Web Dev Path: CSS & SVG Animation Challenge
9 Web Dev Path: Task 4 - SVG & CSS Animations
Просмотров 236 месяцев назад
9 Web Dev Path: Task 4 - SVG & CSS Animations
6 Web Dev Path: Task 2 - CSS Styling
Просмотров 1017 месяцев назад
6 Web Dev Path: Task 2 - CSS Styling
how to connect mongodb to the cPanel app hosted? before hosting i was using the connection option from mongo with vscode
In my example I used a connection string (works the same with dev mode and production). But your hosting provider must open the port 27017 so the mongoDB can connect with your server. I explained it here ruclips.net/video/sIcy3q3Ib_s/видео.html
@@peta-stewart i think that video is outdated
@@fratele_nitaa481 What is your issue with connecting to mongoDB then? I have demonstrated in this video the deployment method using the application manager. and both methods require the port 27017 to be open. Have you confirmed your hosting provider has done this? What is your error message?
Great topic, thanks 👍
@peta how can i connect my frontend tom my backend for me to post a json data
After your app is deployed and connected to your domain (as show in the video), then you send a fetch request to the route that you should have already set up. For example const response = await fetch(`yourdomain.com/route`, { method: "POST", headers: {"Content-Type" : "application/json"}, body: formData })
great but can you also install nodejs trough ssh? once the connection to the vps server is done?
Yes, you don't need cPanel to install node.js. There should be other tutorials online for that setup.
Is it possible to use this smtp on an app not hosted on the same server?
Yes, because it connects remotely via the domain... so it also works when running the backend in "dev" mode (ie via my PC)
Good work please keep going ❤
I am unable to get that hashback files, can you please provide me
There is a link to a test app in the description
@@peta-stewart i have cpanel of cloud hosting, they said mongodb is only available for vps, can i still use mongodb for storing data of contact forms, i have mongodb atlas account and a cluster
Yes, this backend is created with the same setup. If you go through the video, you'll see that your hosting company needs to open a port for MongoDB to work. The hosting company I went with has opened it. But some people say that their hosting company refused to open the port. So get the port number and ask your hosting provider. If you want to install MongoDB, then yes you need a VPS. But here you only need to open the port to access MongoDB.
@@peta-stewart thanks, i will talk to them and do the steps you have done in this video, and let you know, thank you so much
@@AnshVerma-v2w If your provider needs the steps to open the port, then they can check this video for the VPS setup ruclips.net/video/uxKTMHfpuwY/видео.html
I am facing replicanotSetPrimary error on my node js deployment
I am not familiar with this error. Did you follow all the steps in the video with the test app provided in the git repository? Does the app work in your local test environment?
Can I host a production app with MongoDB url on this shared hosting
If your hosting provider opens the port (as mentioned in the tutorial), then yes. That is the set up that I used with my hosting company.
If "Setup nodejs App" not available on your cPanel, then check this second method for deploying ruclips.net/video/uxKTMHfpuwY/видео.html
I followed each step but when I test api from the postman it says "404 Not Found" ,I deployed nest js app
First, check that your app is running. I check my backend routes while still in dev environment. And I haven't faced any issues deploying live. I have a link to test app in the comments if you need more troubleshooting.
tnx, can you pls make another video of nodejs app postgress database.
Can do... but I am working on playlist for "wed dev pathway"... so it will go on the end of the list (unless I get a bit more free time : )
Finally got around to it: Postgres on cPanel ruclips.net/video/Y2ng1yhGJ4k/видео.html
@@peta-stewart tnx a lot,
Not fun!
May allah bless you ✨☑️
I have an error: cannot connect to any cluster servers
Ok, you'll need to troubleshoot through it. Does you connection work from your local environment? Did you follow all the steps in the tutorial including requesting the port to be opened.
@@peta-stewart I am using a shared CPanel 102.0.24 (i think) I already contact the tech and they say they can't open port so... it's a loss for me
I have a VPS hosting hosting, but why doesn't my hosting have a cPanel Login? login? If I want to add it, how do I do it? thanks!
Does your VPS hosting company provide cPanel? In a VPS you normally need purchase it. In the even you have purchased VPS with a cPanel account, then your hosting company may need to install the cPanel on your VPS first. After installation they provide you with a link to cPanel's WHM to login with your account password.
thanks!!
I ve been stuck for almost 3 days this tutorial It felt like medicine appricciated
thankyou
Thanks..
i don't know how to say thank you to am full with joy i don't know how to start to show my gratitude to you but in all may Almighty God the father of our Lord Jesus Christ Increase your knowledge Amen
Can you help me with this solution Error: spawn app.js EACCES at Process.ChildProcess._handle.onexit (internal/child_process.js:277:19)
Did you follow the steps in the video? At what point did you get the error?
@@peta-stewart have solved the problem already. The problem was bcrypt but I change it to bcryptjs
You didn't you create any MongoDB database here? I'm trying to host my mern stack project and I have a cPanel server which does not include MongoDB database as I see
I used MongoDB Atlas which is hosted via AWS (They have a free tier) . As yet cPanel doesn't really support the paid version of MongoDB to be installed. I believe you can do it though.
That was the reason I mentioned you need to make sure the port was open your mongoDB can connect.
i have a vps server, in cpanel "Setup nodejs App" is not showing. What can i do?
Same in mine also how to solve it?
@@Yousafzai112 In my case, I switched the hosting service which I used didnt support in-built node js setup.
@@OfficialGuy-e9s Okay so i also need to change the hosting server or contact with the hosting provider to add the npm module.
@programmingwithafaq3282 @Yousafzai112 @user-kr4ei3ix5m I just uploaded another video with another method for deploying NODE app. See if your hosting has provided access for it. ruclips.net/video/uxKTMHfpuwY/видео.html
Hello thank you for this tutorial , i have problem every things working fine except the file uploading with it's work fine when i run node js from the terminal "node index.js" but when i run the app from "Setup node js app" only the api with multi part not working .
Did you go through this tutorial step by step. There seems to be some issues with regard to app module. This tutorial show the work arounds.
I can't see setup Node Js option on my Cpanel. How to enable it?
You need to make sure that your provider supplies the module (if you are on a shared server). If you are on VPS you will need to install the module yourself.
Would it be possible for the nodejs app to handle file uploads and store the files in cpanel storage?
You need to do that manually.
I made a website using html,css, javascript for frontend and express nodejs for my backend and my storage using mongodb and store in AWS and run in local host,but I want to deploy my website so can you please help me how to upload and also how to add domain for my website
Please watch the video
terminal not showing in cpenal
send ticket to your server support team to enable terminal for you
I was looking for a clear and concise tutorial on how to deploy a MERN stack app on cPanel, but I couldn’t find any until I stumbled upon your video. You are a lifesaver! 🙌 Thank you for explaining everything so well and providing all the necessary commands/scripts. You made my day! 😊
Thanks 🌹🌹🌹
Thanks a lot
Hi, At @4:09 what is 14 in the command. Is this node version, because I am using 16 version
Yes, 14 is the version number. You will use 16. (I'm slow to reply so you probably already figured it out : )
Thank you very much :)
Please Upload more videos regarding MERN hosting, and increase video-length.
Not installed by default and only vps host
Some Shared Hosting hosts have the module installed. As mentioned in the video.
Would you be able to explain why you create a new subdomain & new directory?
Sure. SUBDOMAIN: My project is an SPA frontend with a Backend server (CSR client side rendering for my frontend). So I need to have 2 domains. So my frontend is on the main domain and the backend is on the subdomain (so I don't need to purchase another domain). If you are running an app with SSR (Server side rendering), then you wouldn't need 2 domains as it is your server delivering the content. NEW DIRECTORY: If you are referring to the new directory to host the app (as opposed to the subdomain directory), I am not sure exactly but it is required and has something to do with the structure of how the app gets created. If you don't use a second directory it will cause issues later maintaining it.
Thanks for the response! Do you use your `public_html` directory at all? Your main domain (from this video) is "hashtag-me2" and the document root is the public_html directory. The steps you took to create the front-end uses the "hashtag-metoo" (sub?)domain and the document root is the hashmain directory
@@JPJelly Very observative : ) It was originally a bit of a mistake like the tips in this video. I purchased "hashtag-metoo" from another hosting company but they didn't provide the setup nodejs module. So I had to switch companies. Which is why I decided to make the video, so I could prevent others from my pain and agony : )
Thank you! edit: My server was not serving my index.ejs on the home route ('/') && following your guide got my express server running + serving the files
You have used es6 module ?
No, I am not sure if express has updated but it wasn't supported when I initially created the app.