dhavalwd / dhavalvyas
Dhaval Vyas personal portfolio and blog
Created by Dhaval Vyas
Static Markdown blogging using VueJS + Nuxt.js + GraphCMS
Use this setup to create a simple blogging system for your personal website. I am using Netlify for hosting and automatic deployments.
The goal of this repository is create my personal website where I can go and rant about Front end technologies.
- Markdown blogging in GraphCMS
- Example configuration in
nuxt.config.jsfor loading common modules and route generation
- One layouts
- Integration of disqus
- SASS css
- Site Map (SEO)
- Syntax highlighting of code
- Time to read posts
- Social Media Sharing
- Runnable Code snippets
# install dependencies npm install # serve locally with hot reload npm run dev # build /dist for production npm run generate
(refer to the offical Nuxt documentation for help)
This repo originally copied form vuecms and then I modified to integrate it with GraphCMS to handle Blog posts…
Little about me
I am a Front End Developer and an amateur photographer. I am always up for learning something cool/new.
Little about my portfolio
I have been thinking about redesigning my website for quite some time. But I just didn’t want to start creating another HTML, CSS, JS static website. My main aim was to create a new website and learn any new framework along the way. I started looking into Vue.js and it got me really excited honestly because of the easier learning curve than React personally for me.
My portfolio is combination of Nuxt.js and blog hosted on GraphCMS. It is being hosted on Netlify which I think is one of the best place to host your static sites right now. I have started working on this somewhere in February and still it is nowhere near to make it live but I did it anyway. I always felt that it’s not perfect and requires some change and all. But last Tuesday, I just decided to make it live.
It’s a very small website. Please feel free to review it and give your feedback.
Top comments (12)
Really awesome!!!. I am also recreating mine with nuxt. Here is a link to mine - silverman42.github.io/sylvesterNkeze .This is my second project with nuxt or vue ( from jquery land :) )
Thanks Sylvester. Yours look really cool too. I wonder what those number means in the right bottom corner on home page.
I like your menu at the bottom too. Nice page transitions as well. :)
Thanks. I intend using them as counters for the content of those pages.
Thanks for your feedback. I will look into the issue with site not loading with JS disabled. I am not sure about your second point though. I whitelisted my domain and didn't get any complains about unsafe resources. I also checked, all resources are loading through HTTPS.
Maybe some of my extensions break things then... 🤔
Is the project icon in the navigation supposed to be a shopping cart?
No, I have planned to make these menu icons different but forgot to change it. Thanks for pointing that out. I totally missed that one. :)
It shows great! Love the hamburger menu. The REIT company web it's also awesome. Did you build it as solo developer upside down?
Thanks Xavier. I only developed Properties page functionality with Google map and showing listings on right side of drawer. Rest of the site was built by other team. This is my next things to do "Add description and things I have done on project" under each Project card. :)
Great site, you've inspired me. Keep it up.
Thank you. :)