Yeah, here we go.
After some years of leaving my Website around I decided to rebuild it finally.
I wasn’t sure which architecture or framework to pick first but I settled
with Astro, Vue,
Tailwind, SaaS and Vanilla JS.
Astro has been proofen itself to be a great candidate to deliver execelent final builds. On top of that you get a clean frontend and you can even mix up different Frameworks together like having Vue and React next to each other.
Speaking of Vue you might be wondering why I pick vue over react.
Long Story short, I like the way how Vue handle things, and how easy it is to use compared to react.
As a self taught yong developer I had to learn the basics very early on without having access to the internet as we have nowadays.
You can read more about my story on the about me page.
The new Stack
I decided to pick this stack to workout my Website, Blog, Search and Tooling base.
I have a full working Blog, Pagination, Search, Styling, Mobile responsives, JSON-LD, Reactivity, Styling, Sitemap, RSS and a static release build.
Search is powered by pagefind.js which builds a compact static index file for instant full-text search.
Styling is a matter of CSS, SaaS and utilizing a couple Tailwind components in different spots.
The underlying coded components are handcrafted astro and vue files that are imported based on their purpose.
I tried to keep most of the code in astro, but some components are better handled as Vue components.
This is probably one of the last Websites that has been build without AI-Vibe-Coding.
A couple of texts summaries has been refactored with AI, but that’s not the same as letting AI do the work for you.
We will see how this code architecture will perform on the long run.
I am writing this first blog post also as the first Content to see how it will be resolved. MDX sounds really interesting, especially the import functionality of custom components.
Future purpose
As many of you might know, I am not only doing Software Development. I do also Hardware Development, Pimping KORG and
Distribute Music from cooperative Musical work - mostly Oriental, Balkan, Trakya Music. Some of the Hardware Developments
are special and they deserve a one source of truth based Article.
I have many projects that are waiting for me to write them down. Stay tuned!
Snippet Test
Test of a coding snippet component. Yeah, just a test. Nothing special.
export default defineConfig({site: 'https://example.com',integrations: [ mdx(), sitemap(), vue(), expressiveCode({ themes: ['slack-dark'], removeUnusedThemes: true, }), pagefind() ],})