[{"data":1,"prerenderedAt":284},["ShallowReactive",2],{"blog-\u002Fblog\u002Fdiscoveringnuxt":3,"blog-surround-\u002Fblog\u002Fdiscoveringnuxt":274},{"id":4,"title":5,"author":6,"body":11,"date":259,"description":260,"extension":261,"image":262,"meta":264,"minRead":253,"navigation":265,"path":266,"seo":267,"social":268,"stem":272,"__hash__":273},"blog\u002Fblog\u002F995.discoveringnuxt.md","Discovering Nuxt",{"name":7,"description":8,"avatar":9},"Wouter Vernaillen","Full Stack Developer",{"src":10,"alt":7},"\u002Fimages\u002Fwoutervernaillen.jpg",{"type":12,"value":13,"toc":251},"minimark",[14,18,53,62,78,82,91,143,147,235,239,248],[15,16,5],"h2",{"id":17},"discovering-nuxt",[19,20,21,22,29,30,34,35,40,41,46,47,52],"p",{},"After rebuilding this site ",[23,24,28],"a",{"href":25,"rel":26},"https:\u002F\u002Fvernaillen.dev",[27],"nofollow","vernaillen.dev"," from scratch up with Vue ",[23,31,33],{"href":32},"\u002Fblog\u002Fhello-world-vernaillen-dev","last year",", for which I spend a lot of time selecting and integrating different vue and vite plugins, I decided to build my other website, ",[23,36,39],{"href":37,"rel":38},"https:\u002F\u002Fharmonics.be",[27],"Harmonics.be"," and ",[23,42,45],{"href":43,"rel":44},"https:\u002F\u002Flinks.vernaillen.dev",[27],"links.vernaillen.dev"," with ",[23,48,51],{"href":49,"rel":50},"https:\u002F\u002Fnuxt.com\u002F",[27],"Nuxt 3",".",[19,54,55,56,61],{},"Nuxt makes it a lot easier and faster to bootstrap a new website. Less fiddling with plugins to make it all work nicely together. And it's bundled with Vite and running on Nitro's server engine, so it's pretty fast. I also love writing and publishing content with Markdown, therefor ",[23,57,60],{"href":58,"rel":59},"https:\u002F\u002Fcontent.nuxtjs.org\u002F",[27],"Nuxt Content"," is just perfect for me for content management.",[19,63,64],{},[65,66,67,68,73,74,52],"em",{},"Edit: A month has past since I've first published this blog post, but since then I've also created a new website using Nuxt for my sister ",[23,69,72],{"href":70,"rel":71},"https:\u002F\u002Fwww.anneleenvernaillen.com\u002F",[27],"Anneleen Vernaillen",", and today (March 2) I've put the Nuxt version of ",[23,75,77],{"href":25,"rel":76},[27],"this website",[15,79,81],{"id":80},"deployed-on-vercel","Deployed on Vercel",[19,83,84,85,90],{},"At this moment I have deployed 6 websites using Nuxt on ",[23,86,89],{"href":87,"rel":88},"https:\u002F\u002Fwww.vercel.com\u002F",[27],"Vercel",":",[92,93,94,103,110,116,122,135],"ul",{},[95,96,97,102],"li",{},[23,98,101],{"href":99,"rel":100},"https:\u002F\u002Fanneleenvernaillen.com",[27],"anneleenvernaillen.com"," my sister, Anneleen Vernaillen's new website. All design and art work by her, web development by me",[95,104,105,109],{},[23,106,108],{"href":37,"rel":107},[27],"harmonics.be"," my website for my activities as a sound healing practicioner, ecstatic dance dj and trance dance facilitator",[95,111,112,115],{},[23,113,28],{"href":37,"rel":114},[27]," this website, my freelance developer website",[95,117,118,121],{},[23,119,45],{"href":43,"rel":120},[27]," my \"link in bio\" app",[95,123,124,129,130],{},[23,125,128],{"href":126,"rel":127},"https:\u002F\u002Fnuxt-audiomotion-analyzer-docs.vercel.app\u002F",[27],"nuxt-audiomotion-analyzer-docs"," Nuxt AudioMotion Analyzer, a Vite plugin I made wrapping ",[23,131,134],{"href":132,"rel":133},"https:\u002F\u002Faudiomotion.dev\u002F#\u002F",[27],"Henrique Vianna's audioMotion-analyzer",[95,136,137,142],{},[23,138,141],{"href":139,"rel":140},"https:\u002F\u002Fnuxt-audiomotion-analyzer.vercel.app\u002F",[27],"nuxt-audiomotion-analyzer.vercel.app"," a small demo site for the Vue AudioMotion Analyzer",[15,144,146],{"id":145},"the-stack-im-using","The stack I'm using",[92,148,149,155,164,171,179,187,195,203,211,219,227],{},[95,150,151,154],{},[23,152,51],{"href":49,"rel":153},[27]," as web framework",[95,156,157,158,163],{},"it's abviously based on ",[23,159,162],{"href":160,"rel":161},"https:\u002F\u002Fvuejs.org\u002F",[27],"Vue.js"," as JavaScript framework",[95,165,166,170],{},[23,167,169],{"href":58,"rel":168},[27],"Nuxt Content 2"," for managing content with markdown",[95,172,173,178],{},[23,174,177],{"href":175,"rel":176},"https:\u002F\u002Ftailwindcss.com\u002F",[27],"Tailwindcss"," as CSS framework",[95,180,181,186],{},[23,182,185],{"href":183,"rel":184},"https:\u002F\u002Fvitest.dev\u002F",[27],"Vitest"," for unit testing",[95,188,189,194],{},[23,190,193],{"href":191,"rel":192},"https:\u002F\u002Fwww.cypress.io\u002F",[27],"Cypress"," for e2e testing",[95,196,197,202],{},[23,198,201],{"href":199,"rel":200},"https:\u002F\u002Fpnpm.io\u002F",[27],"pnpm"," as fast package manager",[95,204,205,210],{},[23,206,209],{"href":207,"rel":208},"https:\u002F\u002Fwww.mend.io\u002Ffree-developer-tools\u002Frenovate\u002F",[27],"Renovate"," for automating dependency updates",[95,212,213,218],{},[23,214,217],{"href":215,"rel":216},"https:\u002F\u002Fgithub.com\u002Fvernaillen",[27],"GitHub"," as code repository",[95,220,221,226],{},[23,222,225],{"href":223,"rel":224},"https:\u002F\u002Fnetlify.com\u002F",[27],"Netlify"," for 'bringing it all together' and hosting the apps",[95,228,229,234],{},[23,230,233],{"href":231,"rel":232},"https:\u002F\u002Fcode.visualstudio.com\u002F",[27],"Visual Studio Code"," for code editing",[15,236,238],{"id":237},"the-learning-never-stops","The learning never stops",[19,240,241,242,247],{},"For learning everything about Nuxt I decided to purchase the ",[23,243,246],{"href":244,"rel":245},"https:\u002F\u002Fmasteringnuxt.com\u002F",[27],"Mastering Nuxt 3"," video course, which is created by the team who created Nuxt 3. I didn't regret that purchase and I can highly recommed it.",[19,249,250],{},"Currently I'm learning how to build and secure serverside api's with Nuxt.",{"title":252,"searchDepth":253,"depth":253,"links":254},"",2,[255,256,257,258],{"id":17,"depth":253,"text":5},{"id":80,"depth":253,"text":81},{"id":145,"depth":253,"text":146},{"id":237,"depth":253,"text":238},"2023-04-02","After starting to learn Vue 3 a few years ago, I decided to continue the learning path to Nuxt 3","md",{"src":263},"\u002Fimages\u002Fblog\u002F995.nuxt\u002Fnuxt-logo-green-light.png",{},true,"\u002Fblog\u002Fdiscoveringnuxt",{"title":5,"description":260},[269],{"name":270,"url":271},"mastodon","https:\u002F\u002Felk.zone\u002Ffosstodon.org\u002F@vernaillen\u002F109954981596443382","blog\u002F995.discoveringnuxt","gtMg8ybktsGAUQkiDz-XEfPuAOM4vwuZWfGZ0EvL8Co",[275,280],{"title":276,"path":277,"stem":278,"description":279,"children":-1},"Kaspa: digital silver","\u002Fblog\u002Fkaspa","blog\u002F994.kaspa","A proof-of-work cryptocurrency staying true to Satoshi's vision while using blockDAG technology for faster transactions",{"title":281,"path":32,"stem":282,"description":283,"children":-1},"Hello World Vernaillen.dev","blog\u002F996.hello-world-vernaillen-dev","Introducing a complete rewrite of the website for my freelance business, now built with Vue 3, Vite, Tailwind and Markdown",1788334263617]