Markdown-based Backend CMS application for a blog

Markdown-based Backend CMS application for a blog

Markdown-based Backend CMS application for a blog. .The Application is an API driven, Markdown-based Backend CMS for a blog-like website.

Markdown-based Backend CMS application for a blog.

The Application is an API driven, Markdown-based Backend CMS for a blog-like website.

Technology stack

Backend

Laravel 7
Laravel Passport
Laravel Ui
Intervention/image

Frontend

Vuejs
Vuex
Vue Router
Vue Js Modal
Vue Toasted
TailwindCSS

Features

 In the current version, the application uses Laravel Passports CreateFreshApiToken trait to consume its own API, and serve a Web-Based Mobile-Friendly User Interface. The login functionality is accomplished via the default Laravel authentication with the session being set to 30 days.

 Once Logged in the entire backend CMS is a Single Page Vue Application.
  • The application is built around a single user.

  • Posts CRUD. Includes a status flag to provide the ability to have draft post.

  • Every Post belongs to a single Category.

  • Subscribers with the unsubscribe feature.

  • Ability to upload images from the markdown to use inside the posts.

    • All the uploaded images are set to be saved on the storage public disk. Since everyone has a different way to handle images, I wanted to keep it as simple as possible. All the functionality is provided through a HandleImages trait, to provide the flexibility of swapping the implementation easily.
  • 85% of the backend CMS is covered from TDD tests.

The Javascript files for backend and frontend are compiled separately. This is mainly to provide the ability to choose a blade-like approach for the frontend and also to keep the javascript on the frontend to a minimum.

Future development

  • Handle the backend errors in the frontend SPA.

  • I am thinking of implementing a way to send emails from within the application. Haven't made up my mind on the final implementation.

Any suggestions are always welcome.

Download Details:

Author: Sidirgot

Source Code: https://github.com/Sidirgot/MarkdownBlogCMS

vuejs vue javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native is a framework to build cross platform native mobile apps using JavaScript. It is a wrapper around the APIs of React Native. So, with Vue Native, you can do everything that you can do with React Native. With Vue Native, you get

How to Make a Simple Vue Custom Select Component

In this article, you’ll learn how to build a Vue custom select component that can be easily be styled using your own CSS. In fact, it’s the same component that we use in production on Qvault, and you can see it in action on the playground.

Creating a Custom Tooltip Component in Vue

There are plenty of libraries out there that will have you up and running with a good tooltip solution in minutes. However, if you are like me, you are sick and tired of giant dependency trees that have the distinct possibility of breaking at any time.

Vue ShortKey plugin for Vue.js

Vue-ShortKey - The ultimate shortcut plugin to improve the UX .Vue-ShortKey - plugin for VueJS 2.x accepts shortcuts globaly and in a single listener.