![back](/img/common/back.png)
![Portfolio image](/img/portfolio/website/title.jpg)
1. Technologies used
- Vue.js
- Nuxt.js
- Node.js
- MongoDB
2. Problem Statement
I wanted to have my personal website which will serves as my blog and portfolio. I wanted something that will help me keep comments on the blogs as well. I had initially thought of the 3 frontend frameworks (Angular, React.js and Vue.js). Also, I was considering which framework should I use as my backend as well as the database (SQL or NoSQL).
3. Challenges
The frontend framework would work well if it can handle my blogs and portfolios section, the reusable type of content in a serverless way. So, I have to choose, some framework that has a serverless feature. There was no need for a heavy use of backend. It should be responsible for loading comments on the blog posts and run some small api requests. The database should be able to accommodate changes in the structure in future.
4. Solution
The Nuxt.js, which is a framework of Vue.js had the serverless option. So, that was good option. For backend, Node.js was good option. It is easy to set up and will cover all the requirements. In case of database, I chose MongoDB. It is a NoSQL database program.
5. Result
This was helpful in not only learning more about Nuxt.js, Vue.js, Node.js and MongoDB, but also to showcase my ability to create and deploy a project from scratch.