This is my personal portfolio website and blog, built with Astro and powered by the Spectre theme.
Visit my portfolio at: ryanjordan.dev
- Framework: Astro with Node.js adapter
- Theme: Spectre by Louise Scher
- Styling: Custom CSS with terminal-inspired design
- Content: Markdown/MDX for blog posts and projects
- Search: Pagefind for site search
- Deployment: Docker containerized deployment via GitHub Actions
This portfolio showcases my work, thoughts, and experiences in software development. It includes:
- Portfolio: Featured projects and work experience
- Blog: Technical articles, tutorials, and insights
- About: Information about my background and skills
- Contact: Direct email contact for collaboration opportunities
This site is built using the Spectre theme, a terminal-inspired theme for Astro created by Louise Scher.
- 100 / 100 Lighthouse performance
- Responsive for all screen sizes
- Fully accessible
- Type-Safe
- Auto-generated sitemap
- Markdown / MDX Support
- Builds on content collections
- Search powered by pagefind
- Comments powered by giscus (can be turned off)
If you want to create your own site with the Spectre theme:
Alternatively, you can create a new Astro project with Spectre like this:
# yarn
yarn create astro@latest -- --template louisescher/spectre
# pnpm
pnpm create astro@latest --template louisescher/spectre
# yarn
yarn create astro --template louisescher/spectre# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview# Build Docker image
docker build -t ryanjordan-portfolio .
# Run locally
docker run -p 3000:3000 ryanjordan-portfolioIf you want to know more about how the custom integration that is used in the astro.config.ts file works, head over to the integration's own README!
- Theme: Spectre by Louise Scher
- Framework: Astro
- Search: Pagefind
- Comments: Giscus
Curious about the original Spectre theme? Head over to the preview page to find out more!