[{"data":1,"prerenderedAt":280},["ShallowReactive",2],{"i-ic:outline-arrow-upward":3,"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E":8,"episode-\u002Fpodcasts\u002Fnuxt-sebastien-chopin":16,"github-sponsor":182,"i-material-symbols:home":257,"i-ic:baseline-play-circle-filled-white":259,"i-material-symbols:ios-share":261,"i-cbi:deezer-logo":263,"i-vscode-icons:file-type-rss":265,"i-ri:heart-3-fill":268,"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8":270,"Duration_4oVvJQfqqsiSHoTlJS4mGIhspKHOXamcUSvT69fdYgg":275},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"m4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z\"\u002F>",["Island",9],{"key":10,"result":11},"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E",{"head":12},{"style":13},[14],{"innerHTML":15},":where(.i-mdi\\:github){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'\u002F%3E%3C\u002Fsvg%3E\")}",{"id":17,"title":18,"author":19,"body":20,"categories":158,"description":160,"dsSlug":161,"duration":162,"episodeArtwork":163,"episodeNumber":164,"episodeType":165,"explicit":6,"extension":166,"guid":167,"links":168,"meta":169,"navigation":170,"path":171,"publicationDate":172,"season":173,"seo":174,"status":175,"stem":176,"subtitle":177,"tags":178,"videoLink":163,"__hash__":181},"podcasts\u002Fpodcasts\u002F029.nuxt-sebastien-chopin\u002Findex.md","Nuxt.JS avec Sébastien Chopin","Double Slash",{"type":21,"value":22,"toc":151},"minimark",[23,39,42,56,61,89,92,104,115,118,122],[24,25,26,27,31,32,35,36,38],"p",{},"Comment aujourd’hui, la société ",[28,29,30],"strong",{},"NuxtLab",", qui est derrière le projet open source, réussit à se financer pour continuer à développer et promouvoir ",[28,33,34],{},"Nuxt.JS",".\nNous revenons également sur les principales fonctionnalités de ",[28,37,34],{}," 3.",[24,40,41],{},"Un épisode très intéressant qui nous l’espérons va vous plaire.",[43,44,45],"ul",{},[46,47,48,49],"li",{},"Sébastien Chopin : ",[50,51,55],"a",{"href":52,"rel":53},"https:\u002F\u002Ftwitter.com\u002FAtinux",[54],"nofollow","@Atinux",[57,58,60],"h2",{"id":59},"lhistoire-de-nuxtjs","L'histoire de Nuxt.JS",[24,62,63,64,67,68,71,72,74,75,77,78,81,82,85,86,88],{},"Sébastien Chopin poussa son premier commit pour le projet ",[28,65,66],{},"Nuxt.js"," le ",[28,69,70],{},"26 octobre 2016",". L'idée de ",[28,73,34],{}," est née après la refonte d'un site e-commerce basé des technologies web open source moderne : Vue 2, Node.js et Webpack.\nÀ la création de ",[28,76,34],{},", le rendu côté serveur des applications ",[28,79,80],{},"Vue.js"," relevait plus du hacking que d'une méthode officielle et le seul exemple disponible était publié par ",[28,83,84],{},"Evan You"," (Créateur de Vue.js) sur Hacker New.\nMalgré cela, les 2 frères Chopin relevèrent le challenge et ",[28,87,34],{}," était bien née !",[57,90,34],{"id":91},"nuxtjs",[24,93,94,96,97,100,101,103],{},[28,95,34],{}," est un framework open source. Il permet de développer des applications robustes et structurées grâce à une surcouche au-dessus de la librairie ",[28,98,99],{},"Vue.JS",".\nIl permet de supprimer toute la partie configuration et de se concentrer sur la partie métier de votre application.\n",[28,102,34],{}," permet également différents rendus de votre application :",[43,105,106,109,112],{},[46,107,108],{},"rendu serveur",[46,110,111],{},"rendu uniquement client",[46,113,114],{},"rendu complètement statique",[24,116,117],{},"La version 3 est une grosse refonte du framework qui nécessite un gros travail de la part de l'équipe et de la communauté. Pour le moment, la version bêta a été rendue publique le 12 octobre 2021.",[57,119,121],{"id":120},"liens-de-lépisode","Liens de l'épisode",[43,123,124,130,137,144],{},[46,125,126],{},[50,127,34],{"href":128,"rel":129},"https:\u002F\u002Fnuxtjs.org\u002F",[54],[46,131,132],{},[50,133,136],{"href":134,"rel":135},"https:\u002F\u002Fnuxtlabs.com\u002F",[54],"NuxtLabs",[46,138,139],{},[50,140,143],{"href":141,"rel":142},"https:\u002F\u002Fgithub.com\u002Fnuxt",[54],"GitHub Nuxt",[46,145,146],{},[50,147,150],{"href":148,"rel":149},"https:\u002F\u002Fgithub.com\u002Fnuxtlabs",[54],"GitHub NuxtLabs",{"title":152,"searchDepth":153,"depth":153,"links":154},"",2,[155,156,157],{"id":59,"depth":153,"text":60},{"id":91,"depth":153,"text":34},{"id":120,"depth":153,"text":121},[159],"Technology","Dans cet épisode, nous avons le plaisir de recevoir Sébastien Chopin pour parler du framework Nuxt.JS qui arrive dans sa 3e version prochainement Sébastien Chopin est le cocréateur de Nuxt.JS (l'autre personne est son frère ;)). Avec lui, nous revenons sur l’histoire de la création de Nuxt.JS. Comment, pourquoi il a été créé et l’évolution du framework.","DS_029_nuxt",3885,null,29,"full","md","24879b619ab1bc5eb3a7aabe2bbeb354",[],{},true,"\u002Fpodcasts\u002Fnuxt-sebastien-chopin","2021-11-11",1,{"title":18,"description":160},"published","podcasts\u002F029.nuxt-sebastien-chopin\u002Findex","Dans cet épisode, nous avons le plaisir de recevoir Sébastien Chopin pour parler du framework Nuxt.JS qui arrive dans sa 3e version prochainement.",[179,180],"nuxt","vue","YlVxAmfZjO7JPWuKys_023Itv1cj39yHsG68_wIs0nk",{"data":183},{"organization":184},{"sponsorsListing":185},{"name":186,"fullDescriptionHTML":187,"url":188,"shortDescription":189,"activeGoal":190,"isPublic":170,"sponsorable":194},"sponsors-double-slash-podcast","\u003Cp>Le podcast des dev pour dev par des dev !\u003C\u002Fp>\n\u003Cp>Des podcasts et des videos sur les technologie WEB modernes.\u003C\u002Fp>\n\u003Cp>A deux ou avec un invité, on discute des tendances, des nouvelles technologies, des meilleures pratiques actuelles.\u003C\u002Fp>\n\u003Cp>🎥 \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCp5DGBAX2XNJXeOVAo7bICQ\">Youtube\u003C\u002Fa>\u003Cbr>\n🎙️ \u003Ca href=\"https:\u002F\u002Fspoti.fi\u002F317wtvD\">Spotify\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fapple.co\u002F3fTguFo\">Apple Podcast\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fbit.ly\u002F3i0hDgy\">Deezer\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fbit.ly\u002F31aKKYd\">Google Podcast\u003C\u002Fa>\u003Cbr>\n🌐 \u003Ca href=\"https:\u002F\u002Fdouble-slash.dev\u002F\">Double Slash DEV\u003C\u002Fa>\u003C\u002Fp>","https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fdouble-slash-podcast","Le podcast des dev pour les dev par des dev !",{"description":191,"percentComplete":192,"targetValue":192,"title":193},"L'ensemble des charges seront couvertes. Service de stockage et abonnement aux services utilisés.",70,"$70 per month",{"sponsors":195},{"edges":196},[197,203,209,215,221,227,233,239,245,251],{"node":198},{"id":199,"name":200,"url":201,"avatarUrl":202},"MDQ6VXNlcjEwMDMwNw==","Clément Delmas","https:\u002F\u002Fgithub.com\u002Fclem","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F100307?u=878ed4b7cdf920879b57046f19e434fea2c7d296&v=4",{"node":204},{"id":205,"name":206,"url":207,"avatarUrl":208},"MDQ6VXNlcjI3NTYwOQ==","Thibaud Lepretre","https:\u002F\u002Fgithub.com\u002Fkakawait","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F275609?v=4",{"node":210},{"id":211,"name":212,"url":213,"avatarUrl":214},"MDQ6VXNlcjE5MTQxNjA=","David Pollet","https:\u002F\u002Fgithub.com\u002Fdavidpollet","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1914160?u=4b3da16383b9fa810fd0980f756000709403ab45&v=4",{"node":216},{"id":217,"name":218,"url":219,"avatarUrl":220},"MDQ6VXNlcjYzMzMzOTY=","Eric","https:\u002F\u002Fgithub.com\u002Fericledonge","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6333396?u=e9e541a6b9125d8e8b558fdd914c847eb36db695&v=4",{"node":222},{"id":223,"name":224,"url":225,"avatarUrl":226},"MDQ6VXNlcjg4OTk3Njg=","François Gardien","https:\u002F\u002Fgithub.com\u002FYoutch","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F8899768?u=85ae8c4299c380bcec02e99e9364624f3ce333c7&v=4",{"node":228},{"id":229,"name":230,"url":231,"avatarUrl":232},"MDQ6VXNlcjEwMTc2NjI2","Antharuu","https:\u002F\u002Fgithub.com\u002Fantharuu","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10176626?u=3f6ef490b330d5a9bbaa3137560b5d1d4cf13a4a&v=4",{"node":234},{"id":235,"name":236,"url":237,"avatarUrl":238},"MDQ6VXNlcjEwMTg2OTkz","Adrien Zaganelli","https:\u002F\u002Fgithub.com\u002FadrienZ","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10186993?u=08189ef8cf708a61445b6a57cf7a2aa361d484af&v=4",{"node":240},{"id":241,"name":242,"url":243,"avatarUrl":244},"MDQ6VXNlcjI2MTQyMzgz","Thomas Lemoine","https:\u002F\u002Fgithub.com\u002Fthomaslemoine","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F26142383?u=4c68175459b0ae1f8c68c48c40f2ae148747675d&v=4",{"node":246},{"id":247,"name":248,"url":249,"avatarUrl":250},"MDQ6VXNlcjY1NzM3MTMx","Valentin Grenier","https:\u002F\u002Fgithub.com\u002Fvalentin-grenier","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F65737131?u=0ba0cc828412f6655a948c6a82f69b9c909f8fd9&v=4",{"node":252},{"id":253,"name":254,"url":255,"avatarUrl":256},"U_kgDOBipZwA","Hebrard Frederic","https:\u002F\u002Fgithub.com\u002Ffrederichebrard","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F103438784?v=4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":258},"\u003Cpath fill=\"currentColor\" d=\"M4 21V9l8-6l8 6v12h-6v-7h-4v7z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":260},"\u003Cpath fill=\"currentColor\" d=\"M12 2C6.475 2 2 6.475 2 12s4.475 10 10 10s10-4.475 10-10S17.525 2 12 2m-2 14.5v-9l6 4.5z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":262},"\u003Cpath fill=\"currentColor\" d=\"M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h3v2H6v10h12V10h-3V8h3q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm5-6V4.825l-1.6 1.6L8 5l4-4l4 4l-1.4 1.425l-1.6-1.6V16z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":264},"\u003Cpath fill=\"currentColor\" d=\"M18.774 5.051c.185-1.072.457-1.747.757-1.748c.561 0 1.015 2.341 1.015 5.228s-.455 5.229-1.016 5.229c-.23 0-.443-.4-.614-1.064c-.27 2.439-.831 4.115-1.48 4.115c-.5 0-.953-1.007-1.256-2.594c-.207 3.018-.727 5.161-1.334 5.161c-.381 0-.73-.848-.987-2.231C13.55 20 12.834 22 12 22s-1.551-2-1.86-4.853c-.255 1.383-.6 2.231-.986 2.231c-.609 0-1.128-2.142-1.335-5.161c-.3 1.587-.752 2.594-1.256 2.594c-.649 0-1.21-1.676-1.481-4.115c-.169.668-.382 1.064-.613 1.064c-.562 0-1.017-2.34-1.017-5.229S3.908 3.3 4.471 3.3c.3 0 .57.676.758 1.748C5.527 3.2 6.014 2 6.564 2c.653 0 1.219 1.7 1.487 4.168c.262-1.8.658-2.941 1.1-2.941c.624 0 1.154 2.252 1.351 5.393C10.874 7.01 11.41 6 12 6s1.128 1.011 1.5 2.62c.2-3.141.727-5.393 1.351-5.393c.444 0 .84 1.145 1.1 2.941C16.219 3.7 16.785 2 17.439 2c.547 0 1.035 1.2 1.335 3.051m-16.2 5.3C2.258 10.355 2 9.31 2 8.017s.258-2.337.576-2.337s.578 1.044.578 2.337s-.254 2.338-.578 2.338Zm18.848 0c-.32 0-.577-1.045-.577-2.338s.257-2.337.577-2.337S22 6.724 22 8.017s-.258 2.338-.576 2.338Z\"\u002F>",{"left":4,"top":4,"width":266,"height":266,"rotate":4,"vFlip":6,"hFlip":6,"body":267},32,"\u003Cdefs>\u003ClinearGradient id=\"SVGvSi4fdXe\" x1=\"30.06\" x2=\"225.94\" y1=\"30.06\" y2=\"225.94\" gradientTransform=\"matrix(.11 0 0 .11 2 2)\" gradientUnits=\"userSpaceOnUse\">\u003Cstop offset=\"0\" stop-color=\"#e3702d\"\u002F>\u003Cstop offset=\".11\" stop-color=\"#ea7d31\"\u002F>\u003Cstop offset=\".35\" stop-color=\"#f69537\"\u002F>\u003Cstop offset=\".5\" stop-color=\"#fb9e3a\"\u002F>\u003Cstop offset=\".7\" stop-color=\"#ea7c31\"\u002F>\u003Cstop offset=\".89\" stop-color=\"#de642b\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#d95b29\"\u002F>\u003C\u002FlinearGradient>\u003C\u002Fdefs>\u003Crect width=\"28\" height=\"28\" x=\"2\" y=\"2\" fill=\"#cc5d15\" rx=\"6.01\" ry=\"6.01\"\u002F>\u003Crect width=\"26.91\" height=\"26.91\" x=\"2.54\" y=\"2.54\" fill=\"#f49c52\" rx=\"5.47\" ry=\"5.47\"\u002F>\u003Crect width=\"25.82\" height=\"25.82\" x=\"3.1\" y=\"3.1\" fill=\"url(#SVGvSi4fdXe)\" rx=\"5.14\" ry=\"5.14\"\u002F>\u003Cpath fill=\"#fff\" d=\"M6.82 6.16v3.83a15.31 15.31 0 0 1 15.3 15.3h3.83A19.14 19.14 0 0 0 6.81 6.17zm0 6.45v3.72a8.97 8.97 0 0 1 8.96 8.97h3.72A12.69 12.69 0 0 0 6.81 12.6zm2.62 7.44a2.63 2.63 0 0 0-2.63 2.62a2.63 2.63 0 0 0 2.63 2.63a2.63 2.63 0 0 0 2.63-2.63a2.63 2.63 0 0 0-2.63-2.63z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":269},"\u003Cpath fill=\"currentColor\" d=\"M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2\"\u002F>",["Island",271],{"key":272,"result":273},"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8",{"head":274},{},["Island",276],{"key":277,"result":278},"Duration_4oVvJQfqqsiSHoTlJS4mGIhspKHOXamcUSvT69fdYgg",{"head":279},{},1785405176725]