First Post: Merry Christmas 2025!
It's Christmas! I finally have some downtime to put this site together. Since I wanted to get up and running I am going to rely heavily on co-pilot with the goal of getting a professional, clean looking site as quickly as possible. Since I hosting this site on Cloudflare, I am going to use Svelte with npm to quickly generate a template.
After installing npm, I created this site with:
npx sv create scarrtech
┌ Welcome to the Svelte CLI! (v0.11.0)
│
◇ Which template would you like?
│ SvelteKit minimal
│
◇ Add type checking with TypeScript?
│ Yes, using TypeScript syntax
│
◇ What would you like to add to your project? (use arrow keys / space bar)
│ prettier, eslint, tailwindcss, sveltekit-adapter
│
◇ tailwindcss: Which plugins would you like to add?
│ typography, forms
│
◇ sveltekit-adapter: Which SvelteKit adapter would you like to use?
│ cloudflare
│
◇ sveltekit-adapter: Are you deploying to Workers (assets) or Pages?
│ Workers
│
It was pretty barebones, but my first page was up and served locally! admittedly, am not the best UI designer, So .. copilot to the rescue.
A good first step in devloping a site is to create the header, so I asked:
Can you create a header for my page with the title (Stephen Carrasquillo) and a navigation bar on the right ?
And what you see at the top is what it came up with. After a few tweaks I was on the way to having my website.
As I am new to Svelte, I am excited to learn through example and make this site something special to be proud of.
In the future I plan to make:
- - A rich text editor for my blog posts
- - A project page with relevant sorted blog posts and pictures updating progress
- - An education section to share random things I learn while working on, well, whatever!