DEV Community

Cover image for A client pwa application with vuejs

A client pwa application with vuejs

ashraful profile image Mohamad Ashraful Islam Updated on ・2 min read

Originally posted on Ashraful's Blog


Hello there, Have you ever wished to have all the posts under your own domain. It's time to achieve this. I have created an open source project name application. So, that you can easily setup as your own. And it's highly configurable.


  • Single Page Application. So, it's really faster than you believe.
  • PWA(Progressive Web App).
  • Landing Page with latest five post according to published date.
  • List of posts page for showing all posts.
  • Clickable Tag and filtering by tag.
  • Disqus comments integration.
  • Twitter profile and timeline integration.
  • Card based cutting-edge design.

Upcoming Features

  • Search for posts
  • Dark/Night mode
  • Post category/tag showing on sidebar with filtering
  • SEO friendly page
  • Write markdown from this app for posts

How to run on local machine?

  • Fork this repository Github Repo
  • Clone it from your fork
  • Open user-config.json file and update according to your blog configuration. i.e:
  • * "dev__to_username" is you handle/username/login name.
  • * "twitter_username" is your twitter username
    • "disqus_shortname" is disqus shorname or discuss comments url prefix.
  • Run $ npm install

  • Run $ npm run serve

    Also you can try with the docker.

Deploy to VPS/any machine

  • I have included the docker file already. So, you can try with docker.

Docker Process

  • RUN sudo docker build -t iashraful/ .
  • RUN sudo docker run -it -p 5000:80 --rm --name iashraful/ You can customize the port if you need. I that case, you must need to allow the post for tcp/ip connection

Traditional Process

  • Run $ npm install
  • Run $ npm run build
  • Now tell your web server to serve from dist/ directory. You must remember to forward every request to /index.html. Because this app handles routing with Vue Router.


Happy Blogging :-)

Discussion (6)

ben profile image
ashraful profile image
pcrunn profile image
Alexander P.

This is great! Good job

ashraful profile image
ansonhkg profile image

Nice! It would be great to have it prerendered so it could be crawled perfectly by search engines. :)

ashraful profile image
Mohamad Ashraful Islam Author

Yes. I have plan for better SEO.

Forem Open with the Forem app