[{"data":1,"prerenderedAt":13},["ShallowReactive",2],{"post-getting-started-with-nuxt-3-and-neon-postgre-sql":3},{"success":4,"post":5},true,{"id":6,"title":7,"slug":8,"content":9,"cover_image":10,"published":4,"created_at":11,"content_format":12,"published_at":10},1,"Getting Started with Nuxt 3 and Neon PostgreSQL","getting-started-with-nuxt-3-and-neon-postgre-sql","\u003Ch1>Getting Started with Nuxt 3 and Neon PostgreSQL\u003C/h1>\n\n\u003Cp>\nNuxt 3 makes it easy to build modern full-stack applications using Vue 3.\nIn this guide, we will create a fast server-powered blog system using\n\u003Cstrong>Nuxt 3\u003C/strong>, \u003Cstrong>Neon PostgreSQL\u003C/strong>, and server APIs.\n\u003C/p>\n\n\u003Cimg src=\"https://images.unsplash.com/photo-1498050108023-c5249f4df085\"\n     alt=\"Developer coding setup\"\n     style=\"width:100%;border-radius:12px;margin:20px 0;\" />\n\n\u003Ch2>Why Use Neon PostgreSQL?\u003C/h2>\n\u003Cp>\nNeon is a serverless PostgreSQL platform designed for modern web apps.\nIt provides automatic scaling, branching databases, and fast performance.\n\u003C/p>\n\n\u003Cul>\n  \u003Cli>Serverless architecture\u003C/li>\n  \u003Cli>Branching support\u003C/li>\n  \u003Cli>Edge-ready connections\u003C/li>\n  \u003Cli>Perfect for Nuxt server routes\u003C/li>\n\u003C/ul>\n\n\u003Ch2>Project Setup\u003C/h2>\n\u003Cp>First, create a new Nuxt project:\u003C/p>\n\n\u003Cpre>\n\u003Ccode>\nnpx nuxi@latest init my-project\ncd my-project\nnpm install\nnpm run dev\n\u003C/code>\n\u003C/pre>\n\n\u003Ch3>Install Neon Driver\u003C/h3>\n\n\u003Cpre>\n\u003Ccode>\nnpm install @neondatabase/serverless\n\u003C/code>\n\u003C/pre>\n\n\u003Cp>\nThen create a \u003Cstrong>server/utils/db.ts\u003C/strong> file to handle database\nconnections.\n\u003C/p>\n\n\u003Ch2>Creating a Blog CMS\u003C/h2>\n\u003Cp>\nA simple blog CMS includes:\n\u003C/p>\n\n\u003Col>\n  \u003Cli>Admin dashboard\u003C/li>\n  \u003Cli>Add/Edit blog page\u003C/li>\n  \u003Cli>Public blog routes\u003C/li>\n  \u003Cli>SEO-friendly slug system\u003C/li>\n\u003C/ol>\n\n\u003Cblockquote style=\"border-left:4px solid #6366f1;padding-left:12px;margin:20px 0;\">\n  Tip: Always sanitize HTML content before rendering with v-html.\n\u003C/blockquote>\n\n\u003Ch2>Performance Tips\u003C/h2>\n\u003Cp>\nTo improve performance:\n\u003C/p>\n\n\u003Cul>\n  \u003Cli>Enable SSR caching\u003C/li>\n  \u003Cli>Use lazy loaded images\u003C/li>\n  \u003Cli>Optimize SQL queries\u003C/li>\n\u003C/ul>\n\n\u003Ch2>Conclusion\u003C/h2>\n\u003Cp>\nYou now have a strong foundation for building a modern CMS using Nuxt 3.\nWith Neon PostgreSQL and server APIs, you can scale your blog and admin\ndashboard easily.\n\u003C/p>\n\n\n",null,"2026-02-14T17:57:43.082Z","html",1790963184428]