Nuxt Blog

screenshot of Nuxt Blog
nuxt
vue
vuetify

Migration from jekyll to vuejs & nuxt static site for personal purpose. Contributors welcome.

Overview

The transition to Gridsome for the Dinamicamente.org blog marks a significant upgrade in content management and site functionality. This migration not only enhances performance but also introduces a range of modern features that cater to a multilingual audience. As a result, users can expect a smoother and more engaging experience while navigating the site.

With the updates made to Nuxt and Vuetify, the foundation of the blog is robust, allowing for dynamic interactions and improved visual aesthetics. This evolution in the site's infrastructure streamlines content creation and enhances the overall user experience.

Features

  • Markdown Support: Easily create and manage content for pages and posts using the Markdown format, thanks to Nuxt-Gustave integration.
  • Code Highlighting: Enhance readability with syntax highlighting for code snippets using Prismjs, making technical posts visually appealing and easy to comprehend.
  • Social Shareability: Encourage content sharing with integrated social media options through Vue Social Sharing, enhancing the blog's reach.
  • Cookie Compliance: Users can browse with peace of mind, as the site adheres to cookie law regulations with Vue Cookie Law support.
  • Engagement with Facebook: Enhance community interaction by incorporating Facebook Comments via the standard SDK, fostering discussions around the content.
  • Responsive Design: The layout effectively adjusts for both desktop and mobile views, ensuring accessibility on any device.
  • Efficient Date Management: Utilize Vue Moment for seamless parsing and filtering of dates, making chronological content easier to manage and display.
  • Static Site Generation: Benefit from improved loading times and SEO optimization through Nuxt's capability to generate a static site.
nuxt
Nuxt

nuxt.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.

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.

vuetify
Vuetify

Vuetify is a no design skills required UI Library with beautifully handcrafted Vue Components.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

prismjs
Prism JS

PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.