VueSPABlog

screenshot of VueSPABlog
laravel
vue
tailwind

A simple SPA blog application built with Laravel 8, Vue 3 and Inertia JS.

Overview

TechPost is a single page blog application built with Laravel 8, Vue 3, and Inertia JS. It also includes an admin panel. The application is designed to be minimalistic and responsive, making it suitable for various uses such as scaffolding common codes or serving as a learning tool for beginners in Inertia JS.

Features

  • Fully responsive blog and admin panel.
  • Utilizes GhostWind CSS and a Dashboard template from Tailwind Toolbox. Both are built with Tailwind CSS.
  • Route management is handled by ziggy.
  • Ability to add multiple admins with different roles.
  • Built-in role management with permissions, using the Spatie Permission Management package.
  • Easy management of posts, categories, and pages with the soft-delete feature.
  • Posts are displayed dynamically in one, two, or three columns, depending on the number of posts.
  • Rich text editing for posts and pages using CKEditor.

Summary

TechPost is a feature-rich single page blog application built with Laravel 8, Vue 3, and Inertia JS. It offers a fully responsive blog and admin panel, role management with permissions, and easy management of posts, categories, and pages. The application also includes a soft-delete feature for managing content. Overall, TechPost provides a powerful and user-friendly platform for creating and managing a blog.

laravel
Laravel

Laravel is a powerful and elegant PHP framework that provides developers with a comprehensive set of tools and features to build robust web applications. It follows the Model-View-Controller (MVC) architectural pattern, offering a clean and organized structure for writing efficient and maintainable code.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.