Posts tagged with "nuxt"

• 29th Mar 19 #nuxt#cockpit 30 min read

  Building a Static Blog with Nuxt.js and Cockpit Headless CMS - Part 7: Post Comments

  In this post we'll be looking at adding a comment system for our blog posts in Cockpit. The system will allow comments on our blog posts, nested replies, comment moderation, basic spam protection and even markdown support! If you haven't read Parts ...
  Read more
• 7th Mar 19 #nuxt#cockpit 14 min read

  Building a Static Blog with Nuxt.js and Cockpit Headless CMS - Part 6: Contact Forms

  In this post of our Nuxt Cockpit Static Blog series we'll be looking at how to add a basic contact form to our static site so we can receive enquiries from users. The form will have both client and server side validation. We'll also take a look at so...
  Read more
• 28th Feb 19 #nuxt#cockpit 8 min read

  Building a Static Blog with Nuxt.js and Cockpit Headless CMS - Part 5: Searching Posts

  In this post of our Nuxt Cockpit series we'll be looking at how to add basic live search functionality for our blog posts so that readers can quickly find what they're looking for. To achieve this we'll be using an awesome service called Algolia. If ...
  Read more
• 12th Nov 18 #nuxt#cockpit 7 min read

  Building a Static Blog with Nuxt.js and Cockpit Headless CMS - Part 4: Post Pagination

  This is just an additional post for our Nuxt Cockpit series looking at handling pagination for our blog posts when we statically generate our site. If you haven't read Parts 1, 2, and 3 of this guide you can find them here: Part 1: Setup Part 2: Dyna...
  Read more
• 3rd Jul 18 #nuxt 2 min read

  Reducing the Vendor Bundle Size in Nuxt.js

  When running Nuxt's "npm run generate" command I kept getting a warning stating that the javascript vendor bundle was too big on my static blog and that it was above the recommended 300kB size limit. Let's have a look at trying to reduce the size of ...
  Read more
• 21st Jun 18 #nuxt#cockpit 8 min read

  Building a Static Blog with Nuxt.js and Cockpit Headless CMS - Part 3: Deployment

  In this post we'll look at adding a few finishing touches to the site and then at how we can go about deploying it. Including setting up automatic regeneration for the site when a post is updated, added or removed. If you haven't read Parts 1 and 2 o...
  Read more
• 18th Jun 18 #nuxt#cockpit 10 min read

  Building a Static Blog with Nuxt.js and Cockpit Headless CMS - Part 2: Dynamic Routes

  In this post we'll be setting up our category page to display all posts that have a tag matching our category. We'll also be setting up our dynamic routes so that when we run "npm run generate" all the individual post and category routes will be corr...
  Read more
• 16th Jun 18 #nuxt#cockpit 11 min read

  Building a Static Blog with Nuxt.js and Cockpit Headless CMS - Part 1: Setup

  If you've ever felt WordPress is too bloated and slow then you might want to try out building a statically generated blog, using a static site generator and a headless CMS. What we'll be building > Updated for Nuxt 2 and Tailwindcss 1.0! Tldr; You ...
  Read more