<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Neon on Christian Martínez De La Rosa</title><link>https://christt105.github.io/ca/tags/neon/</link><description>Recent content in Neon on Christian Martínez De La Rosa</description><generator>Hugo -- gohugo.io</generator><language>ca</language><lastBuildDate>Tue, 18 Aug 2026 00:00:00 +0200</lastBuildDate><atom:link href="https://christt105.github.io/ca/tags/neon/index.xml" rel="self" type="application/rss+xml"/><item><title>Cinepillos</title><link>https://christt105.github.io/ca/blog/cinepillos/</link><pubDate>Tue, 18 Aug 2026 00:00:00 +0200</pubDate><guid>https://christt105.github.io/ca/blog/cinepillos/</guid><enclosure url="https://christt105.github.io/blog/cinepillos/cover.png" length="654947" type="image/png"/><description>&lt;p&gt;Hola de nou!&lt;/p&gt;&#10;&lt;p&gt;Continuo acabant els projectes que tinc començats, i avui li toca a Cinepillos. El vaig començar fa ja uns mesos, cap al gener, com a &amp;ldquo;Club de Cine&amp;rdquo;, una web per portar un tauler de propostes de pel·lícules amb un grup d&amp;rsquo;amics, programar una sessió i votar quina de les propostes es veu. Sincerament, mai he arribat a necessitar-lo de debò, difícilment veig jo pel·lícules, com per veure-les amb altres, però em feia gràcia tenir un lloc per això. Dubto que arribi a fer-lo servir mai de debò, però bé, a veure si li serveix a algú.&lt;/p&gt;&#10;&lt;h2 id="don-ve-el-nom"&gt;D&amp;rsquo;on ve el nom&#10;&lt;/h2&gt;&lt;p&gt;El meu gos té un ninot al qual anomenem &amp;ldquo;zorropillo&amp;rdquo;, i d&amp;rsquo;ajuntar això amb &amp;ldquo;cine&amp;rdquo; va sortir Cinepillos. Així que el rebrand de &amp;ldquo;Club de Cine&amp;rdquo; no té gaire més ciència que aquesta.&lt;/p&gt;&#10;&lt;h2 id="dautoallotjada-a-vercel-i-neon"&gt;D&amp;rsquo;autoallotjada a Vercel i Neon&#10;&lt;/h2&gt;&lt;p&gt;Era l&amp;rsquo;única web que tenia autoallotjada al meu mini PC de tots els meus projectes, mitjançant túnels de Cloudflare, i aquesta vegada volia provar alternatives en lloc de ficar-la al meu servidor, que ja et comença a ofegar. Així que vaig decidir muntar-la sobre &lt;a class="link" href="https://vercel.com" target="_blank" rel="noopener"&#10; &gt;Vercel&lt;/a&gt; per al desplegament i &lt;a class="link" href="https://neon.tech" target="_blank" rel="noopener"&#10; &gt;Neon&lt;/a&gt; com a Postgres gestionat. Res al mini PC, cap disc a mantenir, cada push a la branca principal es desplega sol. La veritat és que ambdues plataformes ofereixen uns límits gratuïts molt amplis, de sobra per a aquest projecte.&lt;/p&gt;&#10;&lt;p&gt;Això sí, per a qui prefereixi tenir-ho al seu propi servidor, segueix sent perfectament autoallotjable amb Docker Compose, més endavant ho veiem.&lt;/p&gt;&#10;&lt;h2 id="sobre-monetitzar-la"&gt;Sobre monetitzar-la&#10;&lt;/h2&gt;&lt;p&gt;Li he donat voltes a intentar treure una mica de diners amb aquest projecte, per aprofitar una mica el temps que hi dedico, tampoc espero fer-me turbomilionari. Però al final ho vaig descartar. Ni la idea de monetització que tenia al cap era bona, ni em compensava ficar-me en embolics amb les condicions d&amp;rsquo;ús de TMDB i TVDB, les dues bases de dades de les quals tira la web, que no permeten un ús comercial així com així. Així que Cinepillos es queda gratis i de codi obert, com la resta dels meus projectes, i jo: pobre. Em falta mentalitat de tauró. Visca l&amp;rsquo;open source.&lt;/p&gt;&#10;&lt;h2 id="com-funciona"&gt;Com funciona&#10;&lt;/h2&gt;&lt;p&gt;La idea és senzilla. Un grup porta un tauler compartit de propostes de pel·lícules, qualsevol membre pot afegir-ne una cercant-la directament a la web. Quan hi ha ganes de quedar, es programa una sessió amb data i hora, s&amp;rsquo;obre la votació entre les propostes i cadascú vota la que vol veure. Quan es tanca la votació, guanya la més votada i queda registrada com la sessió d&amp;rsquo;aquell dia.&lt;/p&gt;&#10;&lt;p&gt;Una mateixa instància pot tenir diversos clubs alhora i cadascun és completament privat, ningú d&amp;rsquo;un club veu res d&amp;rsquo;un altre. El login és amb Google, i a &lt;code&gt;/settings&lt;/code&gt; cadascú pot triar-se un avatar tret d&amp;rsquo;un pòster de TMDB o d&amp;rsquo;una foto de personatge de TVDB, així que fins i tot l&amp;rsquo;avatar tira de les mateixes bases de dades que la resta de la web.&lt;/p&gt;&#10;&lt;p&gt;&lt;img alt="Pàgina principal amb la pròxima sessió i les propostes del club" class="gallery-image" data-flex-basis="448px" data-flex-grow="186" height="900" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://christt105.github.io/blog/cinepillos/home.png" srcset="https://christt105.github.io/blog/cinepillos/home_hu_58d35ec3c33b336f.png 800w, https://christt105.github.io/blog/cinepillos/home_hu_dac0350349017f24.png 1600w, https://christt105.github.io/blog/cinepillos/home.png 1680w" width="1680"&gt;&#10;&lt;img alt="Cercador de pel·lícules tirant de TMDB, amb filtres per gènere" class="gallery-image" data-flex-basis="384px" data-flex-grow="160" height="900" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://christt105.github.io/blog/cinepillos/search.png" srcset="https://christt105.github.io/blog/cinepillos/search_hu_62a7b31bab4821ed.png 800w, https://christt105.github.io/blog/cinepillos/search.png 1440w" width="1440"&gt;&lt;/p&gt;&#10;&lt;h2 id="treballant-amb-la-ia"&gt;Treballant amb la IA&#10;&lt;/h2&gt;&lt;p&gt;Amb Claude he seguit el mateix flux que en altres projectes, però aquesta vegada amb un afegit que m&amp;rsquo;ha agradat força. Cada cop que obro una PR, Vercel desplega una preview i Neon li clona una còpia de la base de dades de producció per a aquesta preview. Així les tasques queden ben contingudes: li demano a Claude una tasca concreta, la puja a GitHub, i quan acaba ja tinc una preview funcionant amb dades reals per provar el canvi, fer-hi un cop d&amp;rsquo;ull al codi i, si tot va bé, fer-ne merge. Sense haver de muntar res a mà ni preocupar-me de trencar producció mentre provo.&lt;/p&gt;&#10;&lt;h2 id="codi-obert-i-gratis"&gt;Codi obert i gratis&#10;&lt;/h2&gt;&lt;p&gt;Com sempre, tot el codi és a GitHub per a qui vulgui fer-lo servir, tocar-lo o millorar-lo. Cinepillos és gratis i ja el teniu a &lt;a class="link" href="https://cinepillos.vercel.app" target="_blank" rel="noopener"&#10; &gt;cinepillos.vercel.app&lt;/a&gt;, el login és només amb Google perquè era l&amp;rsquo;opció més senzilla per a mi, però en ser de codi obert qualsevol pot aixecar la seva pròpia instància amb Docker Compose i les seves pròpies claus de TMDB i TVDB si li encaixa millor.&lt;/p&gt;&#10;&lt;a class="github-repo-card" href="https://github.com/christt105/cinepillos" target="_blank" rel="noopener"&gt;&#10; &lt;img src="https://avatars.githubusercontent.com/u/36189169?v=4" alt="christt105 avatar" class="repo-avatar"&gt;&#10; &lt;h3&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"&gt;&#10; &lt;path stroke="none" d="M0 0h24v24H0z" fill="none"/&gt;&#10; &lt;path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /&gt;&#10;&lt;/svg&gt;&#10;&#10;&#10; christt105/cinepillos&lt;/h3&gt;&#10; &lt;p&gt;&lt;/p&gt;&#10; &lt;div class="repo-stats"&gt;&#10; &lt;span&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-star"&gt;&lt;path stroke="none" d="M0 0h24v24H0z" fill="none"/&gt;&lt;path d="M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z" /&gt;&lt;/svg&gt; 0&lt;/span&gt;&#10; &lt;span&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-git-fork"&gt;&lt;path stroke="none" d="M0 0h24v24H0z" fill="none"/&gt;&lt;path d="M10 18a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /&gt;&lt;path d="M5 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /&gt;&lt;path d="M15 6a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /&gt;&lt;path d="M7 8v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2 -2v-2" /&gt;&lt;path d="M12 12l0 4" /&gt;&lt;/svg&gt; 0&lt;/span&gt;&#10; &lt;span&gt;&lt;svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-calendar-event"&gt;&lt;path stroke="none" d="M0 0h24v24H0z" fill="none"/&gt;&lt;path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12" /&gt;&lt;path d="M16 3l0 4" /&gt;&lt;path d="M8 3l0 4" /&gt;&lt;path d="M4 11l16 0" /&gt;&lt;path d="M8 15h2v2h-2l0 -2" /&gt;&lt;/svg&gt; 2026-08-18&lt;/span&gt;&#10; &lt;/div&gt;&#10; &lt;/a&gt;&#10;&lt;p&gt;I fins aquí el post d&amp;rsquo;avui. Si proveu Cinepillos o el codi, ja sabeu on deixar-me un comentari.&lt;/p&gt;&#10;&lt;p&gt;Fins a la propera!&lt;/p&gt;&#10;</description></item></channel></rss>