Deploy NodeJs, MongoDB on Cyclic for Free - Detailed Guide 

Glad you enjoyed it!

Glad you enjoyed it!

My pleasure!

Hope you will never follow in the footsteps of heroku 🤣🤣

@@diyvideos9737 As long as we exist, we'll have a free tier!

i am not totally against cyclic sh but soon as i got to know that cyclic does not support socket io apps Man i got disappointed ! if any solution cyclic has ... i am glad to hear that

Glad it helped!

@@RaddyDev Hey, I have been tinkering around with the API and I'm trying to call it with a React frontend. I'm stuck. I can call up the books data with a browser, but not with my frontend (which I'm hosting on Netlify). I checked your website, but couldn't find anything: do you have a tutorial that makes a React frontend that calls an API hosted on Cyclic (which then gets data from a MongoDB database... i.e. a MERN application)?

I only have a few tutorials on React, but I would like to start creating some. Saying this I just started a personal project that uses the same stack, excerpt I use Firebase for the front end. Since you have your API working, in React you only need to use Fetch or Axios to get and display your data. I used Axios on mine. Look into your browser console when you fetch data with React and see the error. You will most likely encounter a CORS error. This would mean that your API cannot be accessed via another Domain. In NodeJs, is super easy to allow CORS. Download the package and use the basic functionality to set it up. Then you'll most likely be able to get the data. After that you can make it better and maybe make your API only accessibly from your front end application domain hosted on Netlify. That's so nobody can abuse your API. Always happy to help, let me know how it goes. I am looking forward of making React and NodeJs tutorials

Hey@@RaddyDev , I've been tinkering around some more. I was researching how to allow CORS, got sidetracked and found this solution: Add this route on the backend in index.js: app.all('*', (req, res, next) => { res.header("Access-Control-Allow-Origin", "*"); next() }); Then, on the frontend, add this in the src/App.js file: axios // accessing Raddy's api .get("[raddy's api]/books", {headers: {'Content-Type': 'application/json'}}) .then((response) => { console.log(response);; }); with these lines added, no more error and I can see the data fetched from MongoDB in the console. Now, I just have to figure out how to display it in the browser... If anyone has questions how I did it, please ask. I'll try to check on this reply.

Glad it was helpful!

I appreciate the comment, thank you!

Glad to hear that

Glad it was helpful!

You're welcome!

Glad it was helpful!

Glad to hear that!

You're welcome!

Happy to help!

You're welcome!

No problem 👍

Any time

Always welcome

Powershell on Windows has a history of commands that I've entered before. Sometimes when I mess up the video and I have to re-record a the same part they pop up. Unfortunately it's nothing clever like autocomplete and thanks for the kind words

Read only is making me think that your MongoDB user doesn't have full permissions. Check your MongoDB Database User Privileges. It could be that

No problem!

Please help me to deploy my handlebars (templating engine) , express, node. Js, mongodb website

​@@vikasmenghani2477 Sure, what do you need help with? Do you get an error? The process should be exactly the same

Cyclic does things a little bit different. You might need to rename your 'app.js' file to either 'server.js' or 'index.js'. Then you have to make sure that mongoose.connect is finished before allowing your app to serve requests. In your case, it might be that you comment out: //connectDB(); and replace it with: //Connect to the database before listening connectDB().then(() => { app.listen(PORT, () => { console.log("listening for requests"); }) }) They do have a good example on their documentation that might help. Hopefully, the steps above will just work for you

@@RaddyDev did all the changes, but still getting errors. TypeError: OAuth2Strategy requires a clientID option at Strategy.OAuth2Strategy (/var/task/node_modules/passport-oauth2/lib/strategy.js:87:34) at new Strategy (/var/task/node_modules/passport-google-oauth20/lib/strategy.js:52:18) at Object. (/var/task/server/routes/auth.js:7:14) at Module._compile (node:internal/modules/cjs/loader:1256:14) at Module._extensions..js (node:internal/modules/cjs/loader:1310:10) at Module.load (node:internal/modules/cjs/loader:1119:32) at Module._load (node:internal/modules/cjs/loader:960:12) at Module.require (node:internal/modules/cjs/loader:1143:19) at require (node:internal/modules/cjs/helpers:110:18) at Object. (/var/task/index.js:52:14)

Do yo have that "list" file inside your views directory? Make sure you have the correct extinction - ejs, hbs, html... Whatever view engine that you are using

Best to look into their documentation as they might be doing something slightly different. They also have very active Discord page that you can check out. What error are you getting?

@@RaddyDev Yeah, i contacted them and they said cron jobs work differently on their server,hence, i have to alter my code to work that way...However, i need my app to work the way i want it to work, so i switched to render😀😇

You can do. The database that you use don't matter

@@RaddyDev Hi! Thanks for hepl.. ciclic is closed.. Can you recommend some alternative to deploy progects ?

Try Render. Their website is pretty good and they have a lot of great services that you can use. To deploy NodeJs you need to create Web Service, you'll see it once you login. Also you can create a PostgreSql DB there as well

That's a strange one. Can you make sure that you have mongoose installed and you can see it in your package.json file? Check for typos as well

As default when you make changes to your GitHub repo it will redeploy automatically. You can also change your Auto Deployments from another branch if you wish. Look into the Environments tab, they have a lot of settings

Which app is that? What are you using to save your sessions?

Yeah widely available. Anybody can access it once is online

Hello! Yeah it will. You might want / have to store some of your static assets on another platform

Added the link under the description

When you deploy your project, what is the error that you get? I've had many express projects on cyclic, it should work

No worries!