Svelte Portfolio

• Svelte Portfolio
  • Tools
  • Developing
  • Building

This is a portfolio/blog website I built from scratch using SvelteKit.

Tools

The main tools that I've used are:

• pnpm as my package manager of choice
• SvelteKit as the server-side framework for Svelte
• Tailwind CSS as my preferred 'CSS framework'
• shadcn-svelte for the beautiful pre-built components
• mdsvex for Markdown rendering
• Vercel as the easiest deployment option out there

Developing

In case you might want to give it you personal spin, feel free to clone the project, install dependencies with npm install (or pnpm install or yarn) and start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Acknowledgements

Big thanks to Navneet Sharma for the inspiration with the SvelteKit Blogger template.