[{"data":1,"prerenderedAt":853},["ShallowReactive",2],{"project-david-busquets":3,"project-nav-david-busquets":95},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"slug":9,"order":10,"category":11,"sector":12,"year":13,"role":14,"status":15,"outstanding":6,"url":7,"image":16,"imageWidth":17,"imageHeight":18,"summary":19,"gallery":20,"technologies":24,"body":28,"_type":89,"_id":90,"_source":91,"_file":92,"_stem":93,"_extension":94},"\u002Fca\u002Fprojects\u002Fdavid-busquets","projects",false,"","David Busquets","david-busquets",10,"Pàgina Web","Música","2021","Disseny i desenvolupament full-stack","offline","\u002Fimages\u002Fprojects\u002Fdavidbusquets-2x.webp",2560,1440,"Web per a un músic amb galeria, videoclips, llista de reproducció i dates de concerts.",[21],{"src":22,"width":17,"height":18,"alt":23},"\u002Fimages\u002Fprojects\u002Fdavidbusquets-albums.webp","Secció d'àlbums amb enllaços a les plataformes de música",[25,26,27],"Vue","Tailwind","Vite",{"type":29,"children":30,"toc":83},"root",[31,40,46,52,72,78],{"type":32,"tag":33,"props":34,"children":36},"element","h2",{"id":35},"el-repte",[37],{"type":38,"value":39},"text","El repte",{"type":32,"tag":41,"props":42,"children":43},"p",{},[44],{"type":38,"value":45},"El músic David Busquets volia un web lleuger que reunís tota la seva activitat: música, vídeos, fotos i propers concerts.",{"type":32,"tag":33,"props":47,"children":49},{"id":48},"què-vaig-fer",[50],{"type":38,"value":51},"Què vaig fer",{"type":32,"tag":53,"props":54,"children":55},"ul",{},[56,62,67],{"type":32,"tag":57,"props":58,"children":59},"li",{},[60],{"type":38,"value":61},"Vaig crear una aplicació d'una sola pàgina amb Vue 3, Vite i Tailwind CSS, ràpida i adaptada a mòbils.",{"type":32,"tag":57,"props":63,"children":64},{},[65],{"type":38,"value":66},"Vaig fer components específics: galeria de fotos, videoclips, llista de reproducció i un calendari de concerts.",{"type":32,"tag":57,"props":68,"children":69},{},[70],{"type":38,"value":71},"El web era multilingüe, amb canvi d'idioma sense recarregar la pàgina.",{"type":32,"tag":33,"props":73,"children":75},{"id":74},"resultat",[76],{"type":38,"value":77},"Resultat",{"type":32,"tag":41,"props":79,"children":80},{},[81],{"type":38,"value":82},"El web va reunir en un sol lloc tota l'activitat del músic. Actualment ja no està en línia.",{"title":7,"searchDepth":84,"depth":84,"links":85},2,[86,87,88],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"markdown","content:ca:projects:david-busquets.md","content","ca\u002Fprojects\u002Fdavid-busquets.md","ca\u002Fprojects\u002Fdavid-busquets","md",[96,163,238,321,401,464,532,610,670,734,780],{"_path":97,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":98,"description":7,"slug":99,"order":100,"category":11,"sector":101,"year":13,"role":14,"status":102,"outstanding":103,"url":104,"image":105,"imageWidth":17,"imageHeight":18,"summary":106,"technologies":107,"body":113,"_type":89,"_id":160,"_source":91,"_file":161,"_stem":162,"_extension":94},"\u002Fca\u002Fprojects\u002Fgelinet","Gelinet","gelinet",1,"Serveis de neteja","online",true,"https:\u002F\u002Fgelinet.net","\u002Fimages\u002Fprojects\u002Fgelinet-2026.webp","Web multilingüe per a una empresa de neteja de Cassà de la Selva, ara en migració a un web estàtic més ràpid.",[108,109,110,111,112],"Laravel","PHP","Bootstrap","HTML","Sass",{"type":29,"children":114,"toc":155},[115,119,124,128,146,150],{"type":32,"tag":33,"props":116,"children":117},{"id":35},[118],{"type":38,"value":39},{"type":32,"tag":41,"props":120,"children":121},{},[122],{"type":38,"value":123},"Gelinet és una empresa de serveis de neteja de Cassà de la Selva (Girona) que treballa per a negocis i particulars de tota la comarca. Necessitava un web on explicar els seus serveis i la zona on treballa, i que pogués mantenir ella mateixa en català, castellà i anglès.",{"type":32,"tag":33,"props":125,"children":126},{"id":48},[127],{"type":38,"value":51},{"type":32,"tag":53,"props":129,"children":130},{},[131,136,141],{"type":32,"tag":57,"props":132,"children":133},{},[134],{"type":38,"value":135},"Vaig dissenyar i desenvolupar el web el 2021 amb Laravel, sobre un CMS propi que havia creat per als meus projectes de client.",{"type":32,"tag":57,"props":137,"children":138},{},[139],{"type":38,"value":140},"Els textos de cada idioma, les seccions i el blog es gestionaven des d'un panell d'administració, sense dependre de mi per a cada canvi.",{"type":32,"tag":57,"props":142,"children":143},{},[144],{"type":38,"value":145},"El 2026 l'estic migrant a un web 100% estàtic amb Nuxt i Tailwind, allotjat a Cloudflare Pages: sense base de dades ni servidor, i amb els formularis enviats amb Resend.",{"type":32,"tag":33,"props":147,"children":148},{"id":74},[149],{"type":38,"value":77},{"type":32,"tag":41,"props":151,"children":152},{},[153],{"type":38,"value":154},"El web ha estat en línia des del 2021 i és l'únic d'aquesta llista que encara es pot visitar. La nova versió estàtica és més ràpida, més segura i pràcticament no té cost de manteniment.",{"title":7,"searchDepth":84,"depth":84,"links":156},[157,158,159],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:gelinet.md","ca\u002Fprojects\u002Fgelinet.md","ca\u002Fprojects\u002Fgelinet",{"_path":164,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":165,"description":7,"slug":166,"order":84,"category":167,"sector":168,"year":169,"role":170,"status":15,"outstanding":6,"url":7,"image":171,"imageWidth":172,"imageHeight":173,"summary":174,"gallery":175,"technologies":181,"body":183,"_type":89,"_id":235,"_source":91,"_file":236,"_stem":237,"_extension":94},"\u002Fca\u002Fprojects\u002Fclica-t","Clica't","clica-t","Aplicació Web","Educació","2016","Desenvolupament full-stack","\u002Fimages\u002Fprojects\u002Fclicat-home.webp",1920,1080,"Plataforma educativa per a escoles amb exàmens, exercicis, informes de progrés i comunicació amb les famílies.",[176],{"src":177,"width":178,"height":179,"alt":180},"\u002Fimages\u002Fprojects\u002Fclicat-deures.webp",1596,730,"Espai de l'alumne amb els deures assignats per assignatura",[109,110,111,182],"CSS",{"type":29,"children":184,"toc":230},[185,189,194,198,221,225],{"type":32,"tag":33,"props":186,"children":187},{"id":35},[188],{"type":38,"value":39},{"type":32,"tag":41,"props":190,"children":191},{},[192],{"type":38,"value":193},"Clica't és una plataforma en línia per a escoles, pensada perquè el professorat pugui proposar activitats, avaluar l'alumnat i fer-ne el seguiment, i perquè les famílies puguin estar al cas del progrés dels seus fills.",{"type":32,"tag":33,"props":195,"children":196},{"id":48},[197],{"type":38,"value":51},{"type":32,"tag":53,"props":199,"children":200},{},[201,206,211,216],{"type":32,"tag":57,"props":202,"children":203},{},[204],{"type":38,"value":205},"Vaig començar a desenvolupar-la cap al 2016 i hi vaig anar afegint mòduls per a tres perfils: professorat, alumnat i famílies, cadascun amb el seu espai i els seus permisos.",{"type":32,"tag":57,"props":207,"children":208},{},[209],{"type":38,"value":210},"El professorat pot crear exàmens, llistes de problemes i quaderns d'exercicis, i organitzar l'alumnat en grups.",{"type":32,"tag":57,"props":212,"children":213},{},[214],{"type":38,"value":215},"Hi ha informes de progrés i de deures, amb exportació a Excel i PDF.",{"type":32,"tag":57,"props":217,"children":218},{},[219],{"type":38,"value":220},"Les famílies tenen el seu propi accés, amb informes i un xat amb el professorat.",{"type":32,"tag":33,"props":222,"children":223},{"id":74},[224],{"type":38,"value":77},{"type":32,"tag":41,"props":226,"children":227},{},[228],{"type":38,"value":229},"La plataforma es va fer servir a les escoles durant diversos cursos. Actualment ja no està en línia, però va ser el projecte on més vaig aprendre sobre aplicacions amb molts usuaris i rols diferents.",{"title":7,"searchDepth":84,"depth":84,"links":231},[232,233,234],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:clica-t.md","ca\u002Fprojects\u002Fclica-t.md","ca\u002Fprojects\u002Fclica-t",{"_path":239,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":240,"description":7,"slug":241,"order":242,"category":167,"sector":243,"year":244,"role":170,"status":102,"outstanding":103,"url":245,"image":246,"imageWidth":17,"imageHeight":18,"summary":247,"gallery":248,"technologies":255,"body":261,"_type":89,"_id":318,"_source":91,"_file":319,"_stem":320,"_extension":94},"\u002Fca\u002Fprojects\u002Fedicitnet","EdiCitNet","edicitnet",3,"Recerca · Medi ambient","2020–2024","https:\u002F\u002Fediblecitiesnetwork.com","\u002Fimages\u002Fprojects\u002Fedicitnet-2x.webp","Plataforma internacional del projecte europeu EdiCitNet sobre ciutats comestibles, desenvolupada amb l'ICRA.",[249,252],{"src":250,"width":17,"height":18,"alt":251},"\u002Fimages\u002Fprojects\u002Fedicitnet-cataleg.webp","Catàleg d'iniciatives i solucions amb el mapa interactiu",{"src":253,"width":17,"height":18,"alt":254},"\u002Fimages\u002Fprojects\u002Fedicitnet-esdeveniments.webp","Agenda d'esdeveniments amb filtres i mapa",[25,256,257,258,259,260],"Node.js","Express","MySQL","Leaflet","Vue I18n",{"type":29,"children":262,"toc":313},[263,267,272,276,304,308],{"type":32,"tag":33,"props":264,"children":265},{"id":35},[266],{"type":38,"value":39},{"type":32,"tag":41,"props":268,"children":269},{},[270],{"type":38,"value":271},"EdiCitNet (Edible Cities Network) és un projecte europeu Horizon 2020 sobre ciutats comestibles: horts urbans, cobertes verdes productives i altres iniciatives que integren la producció d'aliments a la ciutat. El projecte necessitava una plataforma en línia on ciutats, entitats i persones investigadores poguessin compartir aquestes solucions i aprendre les unes de les altres.",{"type":32,"tag":33,"props":273,"children":274},{"id":48},[275],{"type":38,"value":51},{"type":32,"tag":53,"props":277,"children":278},{},[279,284,289,294,299],{"type":32,"tag":57,"props":280,"children":281},{},[282],{"type":38,"value":283},"Com a freelance, vaig treballar amb l'equip de desenvolupament de l'ICRA (Institut Català de Recerca de l'Aigua) en dues versions de la plataforma, entre el 2020 i el 2024.",{"type":32,"tag":57,"props":285,"children":286},{},[287],{"type":38,"value":288},"La primera versió es va fer amb Vue 2 i Chart.js. La segona és una reescriptura completa amb Vue 3 i Vite.",{"type":32,"tag":57,"props":290,"children":291},{},[292],{"type":38,"value":293},"Vaig desenvolupar tant el frontend com l'API, amb Node.js, Express i MySQL. L'API inclou autenticació, pujada d'imatges i enviament de correus.",{"type":32,"tag":57,"props":295,"children":296},{},[297],{"type":38,"value":298},"La plataforma té un catàleg d'iniciatives i solucions amb mapa interactiu (Leaflet), perfils, notícies i esdeveniments, recursos, comunitat, preguntes i respostes i qüestionaris d'avaluació.",{"type":32,"tag":57,"props":300,"children":301},{},[302],{"type":38,"value":303},"Tota la interfície és multilingüe.",{"type":32,"tag":33,"props":305,"children":306},{"id":74},[307],{"type":38,"value":77},{"type":32,"tag":41,"props":309,"children":310},{},[311],{"type":38,"value":312},"La plataforma continua activa i dona servei a la xarxa internacional del projecte. Em va permetre col·laborar amb un equip de desenvolupament distribuït d'un centre de recerca.",{"title":7,"searchDepth":84,"depth":84,"links":314},[315,316,317],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:edicitnet.md","ca\u002Fprojects\u002Fedicitnet.md","ca\u002Fprojects\u002Fedicitnet",{"_path":322,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":323,"description":7,"slug":324,"order":325,"category":167,"sector":326,"year":327,"role":170,"status":102,"outstanding":103,"url":328,"image":329,"imageWidth":17,"imageHeight":18,"summary":330,"gallery":331,"technologies":338,"body":341,"_type":89,"_id":398,"_source":91,"_file":399,"_stem":400,"_extension":94},"\u002Fca\u002Fprojects\u002Fnat4wat","Nat4Wat","nat4wat",4,"Recerca · Aigua","2023–2025","https:\u002F\u002Fnat4wat.icra.cat","\u002Fimages\u002Fprojects\u002Fnat4wat-2x.webp","Eina web de l'ICRA per triar solucions basades en la natura per tractar, emmagatzemar i reutilitzar l'aigua.",[332,335],{"src":333,"width":17,"height":18,"alt":334},"\u002Fimages\u002Fprojects\u002Fnat4wat-solucions.webp","Catàleg de solucions basades en la natura",{"src":336,"width":17,"height":18,"alt":337},"\u002Fimages\u002Fprojects\u002Fnat4wat-casos.webp","Llistat de casos de mercat amb filtres",[339,25,340,256],"Nuxt 3","Pinia",{"type":29,"children":342,"toc":393},[343,347,352,356,384,388],{"type":32,"tag":33,"props":344,"children":345},{"id":35},[346],{"type":38,"value":39},{"type":32,"tag":41,"props":348,"children":349},{},[350],{"type":38,"value":351},"Nat4Wat és l'eina del projecte europeu MULTISOURCE, finançat pel programa Horizon 2020, per ajudar ajuntaments, empreses i tècnics a triar solucions basades en la natura (com els aiguamolls construïts) per tractar, emmagatzemar i reutilitzar l'aigua. Calia convertir els models i les dades de l'equip de recerca de l'ICRA en una eina que es pogués fer servir sense ser especialista.",{"type":32,"tag":33,"props":353,"children":354},{"id":48},[355],{"type":38,"value":51},{"type":32,"tag":53,"props":357,"children":358},{},[359,364,369,374,379],{"type":32,"tag":57,"props":360,"children":361},{},[362],{"type":38,"value":363},"Com a freelance, entre el 2023 i el 2025 vaig desenvolupar el frontend amb Nuxt 3 i Pinia i vaig contribuir a l'API amb Node.js, conjuntament amb l'equip de l'ICRA.",{"type":32,"tag":57,"props":365,"children":366},{},[367],{"type":38,"value":368},"La part central és «Find your solution», un assistent per passos: l'usuari defineix el seu escenari (aigua, contaminants, superfície, prioritats) i l'eina li proposa les solucions més adequades.",{"type":32,"tag":57,"props":370,"children":371},{},[372],{"type":38,"value":373},"Les solucions es comparen amb una anàlisi multicriteri amb gràfics, i se'n pot generar un informe.",{"type":32,"tag":57,"props":375,"children":376},{},[377],{"type":38,"value":378},"També hi ha un catàleg de solucions, publicacions científiques i casos de mercat, amb un circuit per acceptar-los i publicar-los.",{"type":32,"tag":57,"props":380,"children":381},{},[382],{"type":38,"value":383},"Completen l'eina els perfils d'usuari, els escenaris desats, el servei d'ajuda, les guies i les preguntes freqüents, tot adaptat a mòbils.",{"type":32,"tag":33,"props":385,"children":386},{"id":74},[387],{"type":38,"value":77},{"type":32,"tag":41,"props":389,"children":390},{},[391],{"type":38,"value":392},"L'eina és pública i continua activa a nat4wat.icra.cat.",{"title":7,"searchDepth":84,"depth":84,"links":394},[395,396,397],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:nat4wat.md","ca\u002Fprojects\u002Fnat4wat.md","ca\u002Fprojects\u002Fnat4wat",{"_path":402,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":403,"description":7,"slug":404,"order":405,"category":167,"sector":406,"year":407,"role":14,"status":408,"outstanding":6,"url":7,"image":409,"imageWidth":17,"imageHeight":18,"summary":410,"technologies":411,"body":414,"_type":89,"_id":461,"_source":91,"_file":462,"_stem":463,"_extension":94},"\u002Fca\u002Fprojects\u002Fenfaixapp","EnfaixApp","enfaixapp",5,"Cultura popular · Castells","2022","private","\u002Fimages\u002Fprojects\u002Fenfaixapp-2x.webp","Aplicació per organitzar una colla castellera: castellers, assajos, assistència i disseny de castells posició per posició.",[108,109,25,412,413],"Vuex","Tailwind CSS",{"type":29,"children":415,"toc":457},[416,420,425,429],{"type":32,"tag":33,"props":417,"children":418},{"id":35},[419],{"type":38,"value":39},{"type":32,"tag":41,"props":421,"children":422},{},[423],{"type":38,"value":424},"Organitzar una colla castellera vol dir saber qui vindrà a cada assaig i actuació, i decidir qui ocupa cada posició de la pinya i del tronc. Calia una eina que reunís tota aquesta informació en un sol lloc.",{"type":32,"tag":33,"props":426,"children":427},{"id":48},[428],{"type":38,"value":51},{"type":32,"tag":53,"props":430,"children":431},{},[432,437,442,447,452],{"type":32,"tag":57,"props":433,"children":434},{},[435],{"type":38,"value":436},"El 2022 vaig dissenyar i desenvolupar l'EnfaixApp, una aplicació web amb Laravel, Vue i Tailwind CSS.",{"type":32,"tag":57,"props":438,"children":439},{},[440],{"type":38,"value":441},"Cada casteller té la seva fitxa, amb les posicions on pot fer castells.",{"type":32,"tag":57,"props":443,"children":444},{},[445],{"type":38,"value":446},"Hi ha un calendari d'assajos i actuacions on cadascú confirma si hi anirà, i els responsables veuen l'assistència al moment.",{"type":32,"tag":57,"props":448,"children":449},{},[450],{"type":38,"value":451},"La part central és un dissenyador de castells amb plantilles: s'hi assigna cada casteller a la seva posició i es pot veure el castell sencer o la posició de cada persona.",{"type":32,"tag":57,"props":453,"children":454},{},[455],{"type":38,"value":456},"També té formularis amb respostes, notificacions, un registre d'activitat recent i rols amb permisos diferents.",{"title":7,"searchDepth":84,"depth":84,"links":458},[459,460],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},"content:ca:projects:enfaixapp.md","ca\u002Fprojects\u002Fenfaixapp.md","ca\u002Fprojects\u002Fenfaixapp",{"_path":465,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":466,"description":7,"slug":467,"order":468,"category":167,"sector":243,"year":469,"role":14,"status":408,"outstanding":6,"url":7,"image":470,"imageWidth":17,"imageHeight":18,"summary":471,"gallery":472,"technologies":476,"body":477,"_type":89,"_id":529,"_source":91,"_file":530,"_stem":531,"_extension":94},"\u002Fca\u002Fprojects\u002Ficra-workshop","Eina per a tallers participatius","icra-workshop",6,"2023","\u002Fimages\u002Fprojects\u002Ficra-workshop-2x.webp","Eina interactiva de l'ICRA per recollir vots en tallers i prioritzar beneficis, inconvenients i indicadors.",[473],{"src":474,"width":17,"height":18,"alt":475},"\u002Fimages\u002Fprojects\u002Ficra-workshop-top10.webp","Rànquing dels 10 aspectes més votats durant un taller (dades de prova)",[339,25,340,413],{"type":29,"children":478,"toc":524},[479,483,488,492,515,519],{"type":32,"tag":33,"props":480,"children":481},{"id":35},[482],{"type":38,"value":39},{"type":32,"tag":41,"props":484,"children":485},{},[486],{"type":38,"value":487},"En els tallers participatius de l'ICRA, els assistents valoren els beneficis i els inconvenients de diferents solucions per a la ciutat. Calia una eina per introduir els vots en directe i veure ràpidament quins aspectes eren prioritaris i amb quins indicadors es podien mesurar.",{"type":32,"tag":33,"props":489,"children":490},{"id":48},[491],{"type":38,"value":51},{"type":32,"tag":53,"props":493,"children":494},{},[495,500,505,510],{"type":32,"tag":57,"props":496,"children":497},{},[498],{"type":38,"value":499},"Va ser un encàrrec puntual: vaig desenvolupar una aplicació web amb Nuxt 3, Pinia i Tailwind CSS.",{"type":32,"tag":57,"props":501,"children":502},{},[503],{"type":38,"value":504},"Els beneficis s'organitzen en ambientals i socioeconòmics, i els inconvenients van a part. Per a cadascun s'introdueix el nombre de vots, i també s'hi poden afegir camps personalitzats durant el taller.",{"type":32,"tag":57,"props":506,"children":507},{},[508],{"type":38,"value":509},"Amb un clic, l'eina calcula el rànquing dels 10 aspectes més votats i en mostra els indicadors relacionats amb gràfics.",{"type":32,"tag":57,"props":511,"children":512},{},[513],{"type":38,"value":514},"Els indicadors i les seves relacions es carreguen des de fitxers CSV preparats per l'equip de recerca, i es poden actualitzar sense tocar el codi.",{"type":32,"tag":33,"props":516,"children":517},{"id":74},[518],{"type":38,"value":77},{"type":32,"tag":41,"props":520,"children":521},{},[522],{"type":38,"value":523},"Era una eina privada, pensada per a l'equip de l'ICRA, que es va anar ajustant amb el feedback dels tallers.",{"title":7,"searchDepth":84,"depth":84,"links":525},[526,527,528],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:icra-workshop.md","ca\u002Fprojects\u002Ficra-workshop.md","ca\u002Fprojects\u002Ficra-workshop",{"_path":533,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":534,"description":7,"slug":535,"order":536,"category":11,"sector":537,"year":538,"role":14,"status":102,"outstanding":6,"url":539,"image":540,"imageWidth":541,"imageHeight":542,"summary":543,"gallery":544,"technologies":554,"body":555,"_type":89,"_id":607,"_source":91,"_file":608,"_stem":609,"_extension":94},"\u002Fca\u002Fprojects\u002Fhostal-bartis","Hostal Bartis","hostal-bartis",7,"Turisme","2020","https:\u002F\u002Fhostalbartis.com","\u002Fimages\u002Fprojects\u002Fhostal-bartis-home.webp",3578,1882,"Web per a un hostal familiar per mostrar les habitacions i els serveis i rebre sol·licituds de reserva.",[545,548,551],{"src":546,"width":17,"height":18,"alt":547},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-habitacions.webp","Pàgina d'habitacions",{"src":549,"width":17,"height":18,"alt":550},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-doble.webp","Fitxa de l'habitació doble amb galeria de fotos",{"src":552,"width":17,"height":18,"alt":553},"\u002Fimages\u002Fprojects\u002Fhostal-bartis-historia.webp","Pàgina d'història de l'hostal",[108,109,110,111,182],{"type":29,"children":556,"toc":602},[557,561,566,570,593,597],{"type":32,"tag":33,"props":558,"children":559},{"id":35},[560],{"type":38,"value":39},{"type":32,"tag":41,"props":562,"children":563},{},[564],{"type":38,"value":565},"L'Hostal Bartis, un negoci familiar de Figueres fundat el 1909, necessitava un web que transmetés l'ambient de la casa, mostrés les habitacions i els serveis, i li permetés rebre sol·licituds de reserva directament, sense dependre només de les plataformes de reserves.",{"type":32,"tag":33,"props":567,"children":568},{"id":48},[569],{"type":38,"value":51},{"type":32,"tag":53,"props":571,"children":572},{},[573,578,583,588],{"type":32,"tag":57,"props":574,"children":575},{},[576],{"type":38,"value":577},"Vaig dissenyar i desenvolupar el web amb Laravel i Bootstrap, adaptat a mòbils.",{"type":32,"tag":57,"props":579,"children":580},{},[581],{"type":38,"value":582},"El vaig muntar sobre el meu CMS propi perquè els propietaris poguessin actualitzar textos, fotos i habitacions des d'un panell.",{"type":32,"tag":57,"props":584,"children":585},{},[586],{"type":38,"value":587},"Els continguts eren en català, castellà i anglès, pensant en el visitant estranger.",{"type":32,"tag":57,"props":589,"children":590},{},[591],{"type":38,"value":592},"Hi vaig afegir un formulari de contacte i de reserva.",{"type":32,"tag":33,"props":594,"children":595},{"id":74},[596],{"type":38,"value":77},{"type":32,"tag":41,"props":598,"children":599},{},[600],{"type":38,"value":601},"El web és en línia des del 2020, i des de llavors els propietaris en gestionen el contingut de manera autònoma.",{"title":7,"searchDepth":84,"depth":84,"links":603},[604,605,606],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:hostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis.md","ca\u002Fprojects\u002Fhostal-bartis",{"_path":611,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":612,"description":7,"slug":613,"order":614,"category":11,"sector":615,"year":616,"role":14,"status":15,"outstanding":6,"url":7,"image":617,"imageWidth":17,"imageHeight":18,"summary":618,"technologies":619,"body":620,"_type":89,"_id":667,"_source":91,"_file":668,"_stem":669,"_extension":94},"\u002Fca\u002Fprojects\u002Fmerce-paytuvi","Mercè Paytuví","merce-paytuvi",8,"Artesania tèxtil","2019","\u002Fimages\u002Fprojects\u002Fmerce-paytuvi-2x.webp","Web i blog per a una artesana tèxtil de Mont-ras, amb dues versions entre el 2019 i el 2023.",[108,109,110,111,182],{"type":29,"children":621,"toc":662},[622,626,631,635,653,657],{"type":32,"tag":33,"props":623,"children":624},{"id":35},[625],{"type":38,"value":39},{"type":32,"tag":41,"props":627,"children":628},{},[629],{"type":38,"value":630},"La Mercè Paytuví és una artesana tèxtil de Mont-ras que volia mostrar la seva obra i explicar el seu procés de treball, i publicar novetats sense haver de demanar ajuda cada vegada.",{"type":32,"tag":33,"props":632,"children":633},{"id":48},[634],{"type":38,"value":51},{"type":32,"tag":53,"props":636,"children":637},{},[638,643,648],{"type":32,"tag":57,"props":639,"children":640},{},[641],{"type":38,"value":642},"El 2019 vaig fer la primera versió del web amb Laravel, en català i anglès. Va ser un dels primers projectes on vaig fer servir el meu CMS propi.",{"type":32,"tag":57,"props":644,"children":645},{},[646],{"type":38,"value":647},"Entre el 2022 i el 2023 el vaig refer amb un disseny nou amb Bootstrap 5, i hi vaig afegir un blog amb categories i el castellà.",{"type":32,"tag":57,"props":649,"children":650},{},[651],{"type":38,"value":652},"Ella mateixa podia actualitzar textos, imatges i entrades del blog des del panell.",{"type":32,"tag":33,"props":654,"children":655},{"id":74},[656],{"type":38,"value":77},{"type":32,"tag":41,"props":658,"children":659},{},[660],{"type":38,"value":661},"Va ser una col·laboració de diversos anys que va acompanyar l'evolució del seu projecte. Actualment el web ja no està en línia.",{"title":7,"searchDepth":84,"depth":84,"links":663},[664,665,666],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:merce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi.md","ca\u002Fprojects\u002Fmerce-paytuvi",{"_path":671,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":672,"description":7,"slug":673,"order":674,"category":11,"sector":675,"year":13,"role":14,"status":15,"outstanding":6,"url":7,"image":676,"imageWidth":17,"imageHeight":18,"summary":677,"technologies":678,"body":679,"_type":89,"_id":731,"_source":91,"_file":732,"_stem":733,"_extension":94},"\u002Fca\u002Fprojects\u002Fintegral","Integral","integral",9,"Serveis a empreses","\u002Fimages\u002Fprojects\u002Fintegral-2x.webp","Web corporativa multilingüe per a una empresa de serveis de Banyoles, gestionable des d'un panell propi.",[108,109,110,182,112],{"type":29,"children":680,"toc":726},[681,685,690,694,717,721],{"type":32,"tag":33,"props":682,"children":683},{"id":35},[684],{"type":38,"value":39},{"type":32,"tag":41,"props":686,"children":687},{},[688],{"type":38,"value":689},"Integral, una empresa de serveis de Banyoles, necessitava una web corporativa clara per presentar la seva activitat en diversos idiomes i poder-la actualitzar internament.",{"type":32,"tag":33,"props":691,"children":692},{"id":48},[693],{"type":38,"value":51},{"type":32,"tag":53,"props":695,"children":696},{},[697,702,707,712],{"type":32,"tag":57,"props":698,"children":699},{},[700],{"type":38,"value":701},"Vaig desenvolupar el web el 2021 amb Laravel, Bootstrap i Sass, sobre el meu CMS propi.",{"type":32,"tag":57,"props":703,"children":704},{},[705],{"type":38,"value":706},"Els continguts eren en català, castellà i anglès, amb seccions i plantilles configurables i un blog amb categories.",{"type":32,"tag":57,"props":708,"children":709},{},[710],{"type":38,"value":711},"Hi vaig afegir un formulari de contacte i la integració amb eines d'analítica.",{"type":32,"tag":57,"props":713,"children":714},{},[715],{"type":38,"value":716},"Després del llançament, també em vaig encarregar de la gestió del correu, els dominis i els servidors.",{"type":32,"tag":33,"props":718,"children":719},{"id":74},[720],{"type":38,"value":77},{"type":32,"tag":41,"props":722,"children":723},{},[724],{"type":38,"value":725},"L'empresa va tenir un web que podia gestionar de manera autònoma. Actualment ja no està en línia.",{"title":7,"searchDepth":84,"depth":84,"links":727},[728,729,730],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:integral.md","ca\u002Fprojects\u002Fintegral.md","ca\u002Fprojects\u002Fintegral",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"slug":9,"order":10,"category":11,"sector":12,"year":13,"role":14,"status":15,"outstanding":6,"url":7,"image":16,"imageWidth":17,"imageHeight":18,"summary":19,"gallery":735,"technologies":737,"body":738,"_type":89,"_id":90,"_source":91,"_file":92,"_stem":93,"_extension":94},[736],{"src":22,"width":17,"height":18,"alt":23},[25,26,27],{"type":29,"children":739,"toc":775},[740,744,748,752,767,771],{"type":32,"tag":33,"props":741,"children":742},{"id":35},[743],{"type":38,"value":39},{"type":32,"tag":41,"props":745,"children":746},{},[747],{"type":38,"value":45},{"type":32,"tag":33,"props":749,"children":750},{"id":48},[751],{"type":38,"value":51},{"type":32,"tag":53,"props":753,"children":754},{},[755,759,763],{"type":32,"tag":57,"props":756,"children":757},{},[758],{"type":38,"value":61},{"type":32,"tag":57,"props":760,"children":761},{},[762],{"type":38,"value":66},{"type":32,"tag":57,"props":764,"children":765},{},[766],{"type":38,"value":71},{"type":32,"tag":33,"props":768,"children":769},{"id":74},[770],{"type":38,"value":77},{"type":32,"tag":41,"props":772,"children":773},{},[774],{"type":38,"value":82},{"title":7,"searchDepth":84,"depth":84,"links":776},[777,778,779],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},{"_path":781,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":782,"description":7,"slug":783,"order":784,"category":11,"sector":785,"year":786,"role":14,"status":102,"outstanding":6,"url":787,"image":788,"imageWidth":789,"imageHeight":790,"summary":791,"technologies":792,"body":798,"_type":89,"_id":850,"_source":91,"_file":851,"_stem":852,"_extension":94},"\u002Fca\u002Fprojects\u002Fdavid-crous","David Crous","david-crous",11,"Portafoli personal","2026","https:\u002F\u002Fcrousmayne.com","\u002Fimages\u002Fprojects\u002Fdavidcrous-home.webp",3582,1870,"Aquest mateix web: estàtic, en tres idiomes i allotjat a Cloudflare Pages.",[339,793,794,795,796,797],"Vue 3","Tailwind 4","Nuxt Content","Nuxt i18n","Figma",{"type":29,"children":799,"toc":845},[800,804,809,813,836,840],{"type":32,"tag":33,"props":801,"children":802},{"id":35},[803],{"type":38,"value":39},{"type":32,"tag":41,"props":805,"children":806},{},[807],{"type":38,"value":808},"El meu web anterior depenia d'un CMS amb servidor i base de dades. Volia un web més ràpid, més senzill de mantenir i que no em costés res tenir en línia.",{"type":32,"tag":33,"props":810,"children":811},{"id":48},[812],{"type":38,"value":51},{"type":32,"tag":53,"props":814,"children":815},{},[816,821,826,831],{"type":32,"tag":57,"props":817,"children":818},{},[819],{"type":38,"value":820},"El vaig redissenyar i desenvolupar des de zero amb Nuxt 3, Tailwind 4 i Nuxt Content, amb tot el contingut en fitxers Markdown.",{"type":32,"tag":57,"props":822,"children":823},{},[824],{"type":38,"value":825},"Totes les pàgines es generen com a HTML estàtic, en català, castellà i anglès.",{"type":32,"tag":57,"props":827,"children":828},{},[829],{"type":38,"value":830},"Està allotjat a Cloudflare Pages: es publica automàticament amb cada canvi i mesura les visites sense galetes.",{"type":32,"tag":57,"props":832,"children":833},{},[834],{"type":38,"value":835},"Té SEO per idioma (hreflang, sitemap i Schema.org) i un hero amb una animació de partícules interactiva.",{"type":32,"tag":33,"props":837,"children":838},{"id":74},[839],{"type":38,"value":77},{"type":32,"tag":41,"props":841,"children":842},{},[843],{"type":38,"value":844},"És el web que estàs veient ara.",{"title":7,"searchDepth":84,"depth":84,"links":846},[847,848,849],{"id":35,"depth":84,"text":39},{"id":48,"depth":84,"text":51},{"id":74,"depth":84,"text":77},"content:ca:projects:david-crous.md","ca\u002Fprojects\u002Fdavid-crous.md","ca\u002Fprojects\u002Fdavid-crous",1791375141681]