handmade.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
handmade.social is for all handmade artisans to create accounts for their Etsy and other handmade business shops.

Server stats:

37
active users

#nuxt

0 posts0 participants0 posts today
Juan R. Loaiza<p>As a summer project, I decided to rebuild my personal website from scratch. My previous site used <a href="https://hcommons.social/tags/Hugo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hugo</span></a>, but whenever I had to edit it, I would have to relearn how the templates and layouts work, besides battling with my muddy code. I decided to rebuild the website using <a href="https://hcommons.social/tags/Nuxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nuxt</span></a> which I used last year for another website.</p><p>It might be a bit overkill, but there are two big advantages: (1) having the whole JavaScript ecosystem available gives a lot of opportunities to tinker and experiment, which I love; and (2) there's better tooling for JavaScript than for Hugo. </p><p>Anyway, here's my new website! There's some details I want to implement and some refactoring I want to do in the next few weeks, but I got the core of it up and running: <a href="https://www.juanrloaiza.com/en/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">juanrloaiza.com/en/</span><span class="invisible"></span></a></p><p>And all of the code is up on GitHub: <a href="https://github.com/juanrloaiza/academic/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/juanrloaiza/academi</span><span class="invisible">c/</span></a></p><p><a href="https://hcommons.social/tags/AcademicChatter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AcademicChatter</span></a></p>
.:\dGh/:.<p>When I have some time to kill, I'll make a Desktop Environment Framework using <a href="https://mastodon.social/tags/NuxtJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NuxtJS</span></a> with <a href="https://mastodon.social/tags/NuxtUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NuxtUI</span></a> and <a href="https://mastodon.social/tags/SQLite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SQLite</span></a>.</p><p>In my mind: apps would work seamlessly between desktop environment, no matter the flavor.</p><p>The idea: Apps are processes, Desktop Bus ties Window to App, multiple Desktops (screens).</p><p><a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/NAS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NAS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/Framework" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Framework</span></a> <a href="https://mastodon.social/tags/DesktopEnvironment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesktopEnvironment</span></a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/HomeServer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HomeServer</span></a> <a href="https://mastodon.social/tags/Nuxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nuxt</span></a> <a href="https://mastodon.social/tags/Desktop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Desktop</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/FOSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FOSS</span></a> <a href="https://mastodon.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://mastodon.social/tags/OSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OSS</span></a></p>
Gandalf<p>Full demo of my GPL'ed <a href="https://noc.social/tags/gandalf_links" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gandalf_links</span></a> link-aggregation web app, including its new accompanying Firefox browser extension.</p><p><a href="https://noc.social/tags/webapp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webapp</span></a> <a href="https://noc.social/tags/perl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>perl</span></a> <a href="https://noc.social/tags/nuxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nuxt</span></a> <a href="https://noc.social/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opensource</span></a></p>
Gandalf<p>I'm making my reference application with <a href="https://noc.social/tags/Nuxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nuxt</span></a> and <a href="https://noc.social/tags/Perl" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Perl</span></a>. It's called Links, and hopefully will become a link aggregator platform with social characteristics.</p><p>The code can be found at <a href="https://codeberg.org/gandalf/Links" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">codeberg.org/gandalf/Links</span><span class="invisible"></span></a> and the production site (built off the main branch) at <a href="https://links.gandalf.gr" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">links.gandalf.gr</span><span class="invisible"></span></a></p><p>I hope it will become my best web app yet, using lots of modern technologies and innovations. If anyone here is interested in taking part please do feel free to write it below.</p><p><a href="https://noc.social/tags/gandalf_links" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gandalf_links</span></a></p>
Qirolab<p>🔥 Laravel Reverb + Nuxt 3: Real-Time Messaging | Full Chat App Tutorial</p><p>- Creating ChatMessage model &amp; migration, API routes<br>- Nuxt 3 integration<br>- Real-time features: Laravel Reverb, Laravel Echo</p><p>🎥 <a href="https://youtu.be/bjcM8E5s8p0" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">youtu.be/bjcM8E5s8p0</span><span class="invisible"></span></a></p><p><a href="https://phpc.social/tags/Laravel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Laravel</span></a> <a href="https://phpc.social/tags/Nuxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nuxt</span></a> <a href="https://phpc.social/tags/LaravelReverb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LaravelReverb</span></a> <a href="https://phpc.social/tags/Nuxt3" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nuxt3</span></a> <a href="https://phpc.social/tags/RealTimeChatApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RealTimeChatApp</span></a> <a href="https://phpc.social/tags/WebSockets" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebSockets</span></a> <a href="https://phpc.social/tags/LaravelEcho" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LaravelEcho</span></a> <a href="https://phpc.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TypeScript</span></a> <a href="https://phpc.social/tags/Vuejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vuejs</span></a> <a href="https://phpc.social/tags/FullStackDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FullStackDevelopment</span></a> <a href="https://phpc.social/tags/ChatAppTutorial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ChatAppTutorial</span></a> <a href="https://phpc.social/tags/Javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Javascript</span></a> <a href="https://phpc.social/tags/tutorial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tutorial</span></a> <a href="https://phpc.social/tags/qirolab" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>qirolab</span></a> <a href="https://phpc.social/tags/RealTimeChat" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RealTimeChat</span></a> <a href="https://phpc.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://phpc.social/tags/VueJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VueJS</span></a> <a href="https://phpc.social/tags/PHP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PHP</span></a> <a href="https://phpc.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://phpc.social/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://phpc.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://phpc.social/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100DaysOfCode</span></a> <a href="https://phpc.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a></p>
iriepixel<p><a href="https://front-end.social/tags/Introduction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Introduction</span></a> 👋 I’m Jev, a <a href="https://front-end.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a> <a href="https://front-end.social/tags/developer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>developer</span></a> &amp; <a href="https://front-end.social/tags/dad" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dad</span></a>, navigating life while fighting <a href="https://front-end.social/tags/cancer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cancer</span></a>. I work with <a href="https://front-end.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a>, <a href="https://front-end.social/tags/Vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vue</span></a>, <a href="https://front-end.social/tags/Next" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Next</span></a>, <a href="https://front-end.social/tags/Nuxt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nuxt</span></a>. Slowly diving into <a href="https://front-end.social/tags/iOS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>iOS</span></a> <a href="https://front-end.social/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>development</span></a>. Outside of code, I’m often out exploring in my <a href="https://front-end.social/tags/campervan" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>campervan</span></a> or tackling mountain biking trails with my buddy <a href="https://front-end.social/tags/bordercollie" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bordercollie</span></a>. I’m also a big fan of <a href="https://front-end.social/tags/analog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>analog</span></a> past, from snapping moments on <a href="https://front-end.social/tags/film" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>film</span></a> to diving into my collection of <a href="https://front-end.social/tags/retro" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>retro</span></a> <a href="https://front-end.social/tags/games" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>games</span></a>. Excited to connect and share the journey with you all!</p>