DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Tushar Agrawal
Tushar Agrawal

Posted on • Updated on

Series Open CSS Loaders ["3. Deploying to the DO"]

This is PART-3 of the series for my entry in the hackathon.

Idea

Here I wanted to Deploy the app on the Digital Ocean Platform. The Docs are great. Super easy. I deployed the app. Simple.
But since I was using MongoDB Atlas the whole time, I had to switch to one of their databases. They have 3 option

  1. PostgreSQL
  2. MySQL
  3. Redis

It would have been best if I would have gone with Redis, since it stores the data in key-value pairs, similar to mongoDb, but I have my collage finals in 2 weeks, and I am having MySQL in the syllabus, so I went with the same. Then it was lots of docs referring and changing the node.
Uninstalling Mongoose
npm uninstall mongoose
And then installing mySQL
npm i mysql --save
Yeah, that's it, I have A basic App running. But I have to do a lot of testing and of course, adding the Loaders to the site.
Also I wanted to the the "Deploy to DO button".

Deploy to DO

Work

Setting app on the digital ocean is very easy. I say the easiest amongst the services I have tried. Host the repository on GitHub, link your account, choose the repository, give environment variables if necessary, hit deploy. Voila, your app is up in under 2 minutes.
And Every time you update your repo on GitHub, the app is also updated.
Link the database, Simple.
And Now i have an app Running.
Check it out here

Now for the button the docs have everything. You have to add a file .do/deploy.template.ymal and add details to it. Then add the button itself and it works.

Top comments (3)

Collapse
raddevus profile image
raddevus

I took a look at the work you've done at the site. That looks really great. This is a very interesting concept. I finished my entry in the #dohackathon also. If you get some time, take a look at it and let me know what you think. Good luck in the challenge.

Collapse
tusharyaar profile image
Tushar Agrawal Author

Thank you man☺️!! Really appreciate it...
I really liked your work. Nice concept and design.

Collapse
raddevus profile image
raddevus

Thanks for taking time to check out my entry and app and commenting.

πŸ€” Did you know?

Β 
πŸŽ™ DEV hosts some podcasts that you can find on our Podcasts page.