diff --git a/src/assets/portfolio/website-migrated-to-astro/banner.png b/src/assets/portfolio/website-migrated-to-astro/banner.png new file mode 100644 index 0000000..ae60531 Binary files /dev/null and b/src/assets/portfolio/website-migrated-to-astro/banner.png differ diff --git a/src/content/pages/resources.mdx b/src/content/pages/resources.mdx index 5df1d13..a7e282a 100644 --- a/src/content/pages/resources.mdx +++ b/src/content/pages/resources.mdx @@ -35,6 +35,15 @@ Technologies that I use for personal projects and sometimes for work. - [shadcn/ui](https://ui.shadcn.com) - Best components for React, sinergy with TailwindCSS + +### YouTube channels + +I mostly use YouTube as social media, I think there is still good content. + +- [Mental Outlaw](https://www.youtube.com/channel/UC7YOGHUfC1Tb6E4pudI9STA) - Cool guy who talks about Linux, cybersecurity, privacy, and more. + +- [Eric Murphy](https://www.youtube.com/channel/UC5KDiSAFxrDWhmysBcNqtMA) - He uploads less videos but I really like his work too. + --- ## Inspiration and Learning @@ -46,9 +55,6 @@ For writing, thinking or growing my career. - [Eric Murphy](https://ericmurphy.xyz) - The guy who inspired me to retake this side project and create more content -- [Bikobatanari](https://www.bikobatanari.art) - Super original, fun and source - of inspiration - ### Favorite Blogs - [Why I Will Never Join Mastodon (or the rest of the Fediverse)](https://ericmurphy.xyz/blog/mastodon) - diff --git a/src/content/portfolio/website-migrated-to-astro.mdx b/src/content/portfolio/website-migrated-to-astro.mdx new file mode 100644 index 0000000..080bfd4 --- /dev/null +++ b/src/content/portfolio/website-migrated-to-astro.mdx @@ -0,0 +1,41 @@ +--- +title: Website migrated to Astro +description: I migrated this website to Astro, so I can test it and I really like it the features of Astro. +tags: [Astro] +image: /portfolio/website-migrated-to-astro/banner.png +imageCaption: Next Intl Blog Template banner +date: 2024-6-26 +author: Juan Manzanero +rss: true +--- + +![Banner showing the tech stack](@/assets/portfolio/website-migrated-to-astro/banner.png) +_Tech stack used. Astro, React, TailwindCSS, MDX_ + +So yeah, I proved this tool for building static websites, as Vercel has been taking weird decisions about the direction of the development of Next.js. + +That, and I realized that I just need a full static website, no need of SSR even for the Microblog page, as I don't post daily, I can just redeploy the website, so the last post is rendered. + +## Static HTML is the way to go + +At the start of the Internet, websites were just plain HTML, CSS and JS, no need of Single Page Application, Server Side Rendering, etc. + +Of course, there are many websites that need these rendering strategies, but for a website like this, just static is better. + +Less time building, fast load, cheaper hosting, less JavaScript on the browser. + +## The cool thing about Astro + +You can use any component from any framework. + +You can use React, Angular, Vue, Svelte components in the same project, as Astro compiles them as HTML/CSS/JS. + +Not only that, but you can use Astro as Next.js too, with the *hybrid* rendering strategy, you can specify which pages you want to be Server Side Rendered. Obviously, if you're going this way, you must host your project on a server. + +### In other things... + +I'm planning on making videos for YouTube, talking about topics that I think we need more in the Hispanic community, topics like cybersecurity, privacy, the current status of technology, and more. + +There are many YT channels in English talking about that, so that's why I'm thinking of doing it in Spanish. + +I need to improve the banners of these posts, though.