Fast and responsive portfolio website, designed with a modern web stack.
This portfolio website is designed to be a minimal and interactive site to showcase my projects while exploring the workflow and features of a new web stack. Astro and SolidJS were chosen for their strong combination of partial hydration and a small framework bundle size, resulting in a very fast, yet still reactive web experience. The design is enhanced by the power of Tailwind CSS for responsive styling and consistent visuals.
- Fast performance due to optimized static site generation with Astro
- Reactive UI components powered by SolidJS for seamless user experience
- Modern and responsive design with the help of Tailwind CSS
- Fast and performant hero section using vanilla JS
- Automatic support for light and dark mode
- SEO-friendly metadata and structure for improved search rankings
To get started with this project, follow these steps:
- Clone the repository:
git clone https://github.com/WilliamHCarter/williamhcarter.github.io.git
cd williamhcarter.github.io
- Install dependencies:
npm install
To start the development server, run:
npm run dev
This will start the Astro development server, which is accessible at http://localhost:3000
.
To deploy the website, follow these steps:
- Build the production version:
npm run build
This will generate the optimized static site in the ./dist
folder.
- Deploy the
./dist
folder to your preferred hosting provider.
This project is licensed under the MIT License.