https://github.com/dylanlangston/dylanlangston.com
Source code for my personal site 😎
https://github.com/dylanlangston/dylanlangston.com
aws github-actions personal-website rust svelte tailwindcss typescript zig
Last synced: 13 days ago
JSON representation
Source code for my personal site 😎
- Host: GitHub
- URL: https://github.com/dylanlangston/dylanlangston.com
- Owner: dylanlangston
- License: mit
- Created: 2024-01-20T21:53:17.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-09-28T04:54:38.000Z (9 months ago)
- Last Synced: 2025-09-28T06:17:07.775Z (9 months ago)
- Topics: aws, github-actions, personal-website, rust, svelte, tailwindcss, typescript, zig
- Language: Zig
- Homepage: https://testing.dylanlangston.com/
- Size: 7.59 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
dylanlangston.com
The source code for my personal website. 🚧 Currently under construction. 🚧
## Overview 👀
My personal website is built with a modern tech stack to ensure performance and flexibility. It utilizes the following technologies:
- [🇿 Zig](https://ziglang.org/) and [🎮 raylib](https://www.raylib.com/) for client-side rendering.
- [🌐 Emscripten](https://emscripten.org/) for compiling to [🕸️ WebAssembly](https://webassembly.org/).
- [🛠️ Binaryen](https://github.com/WebAssembly/binaryen) for optimizing WebAssembly.
- [🦀 Rust](https://www.rust-lang.org/) for backend logic utilizing [🔢 AWS Lambda](https://aws.amazon.com/lambda/).
- [🐍 Python](https://www.python.org/) for additional backend logic utilizing AWS Lambda.
- [🧠 Gemini API](https://ai.google.dev/gemini-api) for accessing to Google's Gemini generative AI models.
- [🖥️ Svelte](https://svelte.dev/) for building interactive user interfaces.
- [📝 TypeScript](https://www.typescriptlang.org/) for improving JavaScript code reliability and developer efficiency.
- [🎨 TailwindCSS](https://tailwindcss.com/) for styling components with utility-first CSS.
- [🚀 Vite](https://vitejs.dev/) for fast development and optimized production builds.
- Hosted on [🌍 AWS S3](https://aws.amazon.com/s3/) and distributed globally via [☁️ AWS CloudFront](https://aws.amazon.com/cloudfront/) for high availability and scalability.
- [📦 SAM CLI](https://github.com/aws/aws-sam-cli) for deploying serverless applications.
```mermaid
flowchart TB
subgraph "Frontend - Static Site"
direction LR
S1("Svelte")
S2("Typescript")
S3("Tailwindcss")
S4("Vite")
S5("AWS S3")
S6("AWS CloudFront")
subgraph "HTML 5 Canvas"
direction LR
A1("Zig")
A2("Raylib")
A3(Emscripten)
A4("Binaryen")
A1 -.C Interop.- A2 -.- A3
A1 -.WebAssembly.- A3
A3 ==Optimize==> A4
end
S3 -.- S1 -.- S2 -.- S3 -.- subGraph0 -.- S2
S1 -.- subGraph0
S1 & S2 & S3 & subGraph0 --Bundle--> S4 ==Hosting==> S5 ==CDN==> S6
end
subgraph "Rust Backend - API"
direction LR
I1("Rust")
I2("Cargo Lambda")
I3("AWS Lambda")
I4("AWS API Gateway")
I5("AWS SES")
I1 -.- I2 -.- I3 --> I4
I3 -.- I5 -.- I2
end
subgraph "Python Backend - API"
direction LR
P1("Python")
P2("Gemini API")
P3("AWS Lambda")
P4("AWS API Gateway")
P1 -.- P2 -.- P3 --> P4
end
subGraph1 <-..-> subGraph2
subGraph1 <-..-> subGraph3
```
## Build Process 🏗️
The build process for my personal website involves the following steps:
1. **Development Environment Setup:** Use Docker for consistent environment setup across different machines. GitHub Actions can be integrated for automation.
2. **Code Compilation:** Utilize Rust for server-side code and Zig/Emscripten along with Svelte/TypeScript for client-side code.
3. **Optimization:** Optimize compiled assets for production using Binaryen and Vite to ensure minimal file sizes and optimal performance.
4. **Deployment:** Deploy optimized assets to AWS S3 and configure CloudFront for global content distribution using SAM CLI.
```mermaid
flowchart LR
B1("Makefile")
B7("Docker")
B8("Github Actions")
B9("AWS SAM CLI")
subgraph "HTML 5 Canvas"
B2("Zig")
B3("Emscripten")
end
subgraph "Static Site"
B12("Svelte")
B13("TypeScript")
B5("NodeJS/Bun")
B6("Vite")
B4("Binaryen")
end
subgraph "Rust API"
B10("rust")
B11("cargo")
end
subgraph "Python API"
B14("python")
B15("zip")
end
B2 -.- B3
B5 -.- B6 -.- B4
B10 -.- B11
B13 -.- B12
B14 -.- B15
B5 -.- B12
B13 -.- B5
B1 --Build--> subGraph0 --Build--> subGraph1 --Build--> subGraph2 --Build--> subGraph3 --Release--> B9
B8 --Dev Container--> B7 --Setup--> B1
B8 ~~~ B9
B8 ~~~ B1
B8 ~~~ subGraph0
```
### Dev Environment 💻
This repository includes a *[devcontainer.json](.devcontainer/devcontainer.json)* to get up and running quickly with a full-featured development environment in the cloud![^local-development]
[](https://codespaces.new/dylanlangston/dylanlangston.com)
[](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/dylanlangston/dylanlangston.com)
## Credits 🙌
The website design and development is the singular effort of [@dylanlangston](https://github.com/dylanlangston). Closed for contributions but feel free to fork or open an issue if you have a question!
## License 📜
This repo is licensed under the [MIT License](https://opensource.org/licenses/MIT). See the [`LICENSE`](LICENSE) file for details.
[^local-development]: For local development check out [Dev Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) and [DevPod](https://devpod.sh/).