Ian Padua

// Nuxt.js + Sanity.io JAMstack Architecture
// GROQ query for fetching blog posts
const query = groq`
  *[_type == "post"] | order(publishedAt desc) {
    _id,
    title,
    slug,
    publishedAt,
    "author": author->name,
    "categories": categories[]->title,
    "mainImage": mainImage.asset->url,
    body
  }
`;

// Server-side rendering with Nuxt.js
export default defineNuxtConfig({
  modules: ['@nuxtjs/sanity'],
  sanity: {
    projectId: process.env.SANITY_PROJECT_ID,
    dataset: 'production',
    useCdn: true,
    apiVersion: '2024-01-01'
  }
});

// Image CDN delivery with optimized loading
const imageUrl = urlFor(post.mainImage)
  .width(800)
  .height(400)
  .format('webp')
  .url();