major: statically-generated resume with Vike
Avraham Sakal
2 months ago
parent
0d820466d0
commit
3b47596a57
@ -0,0 +1,142 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
.pnpm-debug.log*
|
||||||
|
|
||||||
|
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||||
|
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
|
||||||
|
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||||
|
lib-cov
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
*.lcov
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||||
|
.grunt
|
||||||
|
|
||||||
|
# Bower dependency directory (https://bower.io/)
|
||||||
|
bower_components
|
||||||
|
|
||||||
|
# node-waf configuration
|
||||||
|
.lock-wscript
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# Snowpack dependency directory (https://snowpack.dev/)
|
||||||
|
web_modules/
|
||||||
|
|
||||||
|
# TypeScript cache
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Optional stylelint cache
|
||||||
|
.stylelintcache
|
||||||
|
|
||||||
|
# Microbundle cache
|
||||||
|
.rpt2_cache/
|
||||||
|
.rts2_cache_cjs/
|
||||||
|
.rts2_cache_es/
|
||||||
|
.rts2_cache_umd/
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# dotenv environment variable files
|
||||||
|
.env
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
.env.local
|
||||||
|
|
||||||
|
# parcel-bundler cache (https://parceljs.org/)
|
||||||
|
.cache
|
||||||
|
.parcel-cache
|
||||||
|
|
||||||
|
# Next.js build output
|
||||||
|
.next
|
||||||
|
out
|
||||||
|
|
||||||
|
# Nuxt.js build / generate output
|
||||||
|
.nuxt
|
||||||
|
dist
|
||||||
|
|
||||||
|
# Gatsby files
|
||||||
|
.cache/
|
||||||
|
# Comment in the public line in if your project uses Gatsby and not Next.js
|
||||||
|
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||||
|
# public
|
||||||
|
|
||||||
|
# vuepress build output
|
||||||
|
.vuepress/dist
|
||||||
|
|
||||||
|
# vuepress v2.x temp and cache directory
|
||||||
|
.temp
|
||||||
|
|
||||||
|
# Docusaurus cache and generated files
|
||||||
|
.docusaurus
|
||||||
|
|
||||||
|
# Serverless directories
|
||||||
|
.serverless/
|
||||||
|
|
||||||
|
# FuseBox cache
|
||||||
|
.fusebox/
|
||||||
|
|
||||||
|
# DynamoDB Local files
|
||||||
|
.dynamodb/
|
||||||
|
|
||||||
|
# TernJS port file
|
||||||
|
.tern-port
|
||||||
|
|
||||||
|
# Stores VSCode versions used for testing VSCode extensions
|
||||||
|
.vscode-test
|
||||||
|
|
||||||
|
# yarn v2
|
||||||
|
.yarn/cache
|
||||||
|
.yarn/unplugged
|
||||||
|
.yarn/build-state.yml
|
||||||
|
.yarn/install-state.gz
|
||||||
|
.pnp.*
|
||||||
|
|
||||||
|
# Cloudflare
|
||||||
|
.wrangler/
|
||||||
|
|
||||||
|
# Vercel
|
||||||
|
.vercel/
|
||||||
|
|
||||||
|
# Sentry Vite Plugin
|
||||||
|
.env.sentry-build-plugin
|
||||||
|
|
||||||
|
# aws-cdk
|
||||||
|
.cdk.staging
|
||||||
|
cdk.out
|
||||||
@ -0,0 +1,2 @@
|
|||||||
|
nodejs 22.15.0
|
||||||
|
pnpm 9.7.1
|
||||||
@ -0,0 +1,53 @@
|
|||||||
|
Generated with [vike.dev/new](https://vike.dev/new) ([version 471](https://www.npmjs.com/package/create-vike/v/0.0.471)) using this command:
|
||||||
|
|
||||||
|
```sh
|
||||||
|
pnpm create vike@latest --react --compiled-css --cloudflare --eslint
|
||||||
|
```
|
||||||
|
|
||||||
|
## Contents
|
||||||
|
|
||||||
|
* [React](#react)
|
||||||
|
|
||||||
|
* [`/pages/+config.ts`](#pagesconfigts)
|
||||||
|
* [Routing](#routing)
|
||||||
|
* [`/pages/_error/+Page.jsx`](#pages_errorpagejsx)
|
||||||
|
* [`/pages/+onPageTransitionStart.ts` and `/pages/+onPageTransitionEnd.ts`](#pagesonpagetransitionstartts-and-pagesonpagetransitionendts)
|
||||||
|
* [SSR](#ssr)
|
||||||
|
* [HTML Streaming](#html-streaming)
|
||||||
|
|
||||||
|
## React
|
||||||
|
|
||||||
|
This app is ready to start. It's powered by [Vike](https://vike.dev) and [React](https://react.dev/learn).
|
||||||
|
|
||||||
|
### `/pages/+config.ts`
|
||||||
|
|
||||||
|
Such `+` files are [the interface](https://vike.dev/config) between Vike and your code. It defines:
|
||||||
|
|
||||||
|
* A default [`<Layout>` component](https://vike.dev/Layout) (that wraps your [`<Page>` components](https://vike.dev/Page)).
|
||||||
|
* A default [`title`](https://vike.dev/title).
|
||||||
|
* Global [`<head>` tags](https://vike.dev/head-tags).
|
||||||
|
|
||||||
|
### Routing
|
||||||
|
|
||||||
|
[Vike's built-in router](https://vike.dev/routing) lets you choose between:
|
||||||
|
|
||||||
|
* [Filesystem Routing](https://vike.dev/filesystem-routing) (the URL of a page is determined based on where its `+Page.jsx` file is located on the filesystem)
|
||||||
|
* [Route Strings](https://vike.dev/route-string)
|
||||||
|
* [Route Functions](https://vike.dev/route-function)
|
||||||
|
|
||||||
|
### `/pages/_error/+Page.jsx`
|
||||||
|
|
||||||
|
The [error page](https://vike.dev/error-page) which is rendered when errors occur.
|
||||||
|
|
||||||
|
### `/pages/+onPageTransitionStart.ts` and `/pages/+onPageTransitionEnd.ts`
|
||||||
|
|
||||||
|
The [`onPageTransitionStart()` hook](https://vike.dev/onPageTransitionStart), together with [`onPageTransitionEnd()`](https://vike.dev/onPageTransitionEnd), enables you to implement page transition animations.
|
||||||
|
|
||||||
|
### SSR
|
||||||
|
|
||||||
|
SSR is enabled by default. You can [disable it](https://vike.dev/ssr) for all your pages or only for some pages.
|
||||||
|
|
||||||
|
### HTML Streaming
|
||||||
|
|
||||||
|
You can enable/disable [HTML streaming](https://vike.dev/stream) for all your pages, or only for some pages while still using it for others.
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
@ -1,44 +0,0 @@
|
|||||||
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
|
|
||||||
|
|
||||||
/* @font-face {
|
|
||||||
font-family: Lato;
|
|
||||||
src: url("Lato2OFL/Lato-Regular.ttf");
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: Lato;
|
|
||||||
src: url("Lato2OFL/Lato-Bold.ttf");
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: Lato;
|
|
||||||
src: url("Lato2OFL/Lato-Italic.ttf");
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: Lato;
|
|
||||||
src: url("Lato2OFL/Lato-BoldItalic.ttf");
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: bold;
|
|
||||||
} */
|
|
||||||
|
|
||||||
/* @page {
|
|
||||||
@bottom-center {
|
|
||||||
content: "https://sakal.us";
|
|
||||||
font-size: 0.8em;
|
|
||||||
color: #aaa;
|
|
||||||
font-family: Lato;
|
|
||||||
}
|
|
||||||
@top-center {
|
|
||||||
content: "CSS Paged Media Tutorial by Andreas Jung";
|
|
||||||
font-size: 0.8em;
|
|
||||||
color: #aaa;
|
|
||||||
font-family: Lato;
|
|
||||||
}
|
|
||||||
} */
|
|
||||||
|
|
||||||
/* body {
|
|
||||||
font-family: Lato;
|
|
||||||
} */
|
|
||||||
@ -0,0 +1,179 @@
|
|||||||
|
export const contactInfo = {
|
||||||
|
name: "Brian Sakal",
|
||||||
|
email: "brian@sakal.us",
|
||||||
|
phone: "305-930-0248",
|
||||||
|
website: "https://git.sakal.us/avraham",
|
||||||
|
location: "Passaic, NJ",
|
||||||
|
};
|
||||||
|
|
||||||
|
export const mainSkills = [
|
||||||
|
"Javascript/Typescript",
|
||||||
|
"React",
|
||||||
|
"Next.js",
|
||||||
|
"Node.js",
|
||||||
|
"Express.js",
|
||||||
|
"Docker",
|
||||||
|
"MySQL",
|
||||||
|
"Clickhouse",
|
||||||
|
"DevOps",
|
||||||
|
"Kubernetes",
|
||||||
|
"Linux",
|
||||||
|
"Cloudflare",
|
||||||
|
"Vercel",
|
||||||
|
"S3",
|
||||||
|
];
|
||||||
|
|
||||||
|
export const exposedSkills = [
|
||||||
|
"PostgreSQL",
|
||||||
|
"Elasticsearch",
|
||||||
|
"Redis",
|
||||||
|
"RethinkDB",
|
||||||
|
"Helm",
|
||||||
|
"nginx",
|
||||||
|
"React Native",
|
||||||
|
"Swagger",
|
||||||
|
];
|
||||||
|
|
||||||
|
export const employment = [
|
||||||
|
{
|
||||||
|
title: "Lead Developer (Full-Stack)",
|
||||||
|
company: "TorahAnytime.com",
|
||||||
|
location: "Flushing, NY",
|
||||||
|
start: "June 2022",
|
||||||
|
end: "Present",
|
||||||
|
highlights: [
|
||||||
|
// From old resume:
|
||||||
|
// "Fixed/troubleshooted bugs and added features across multiple legacy codebases",
|
||||||
|
// "Consolidated cloud resources by using Kubernetes.",
|
||||||
|
// "Transitioned a legacy Cloudflare/nginx TLD site to Vercel, while maintaining custom nginx routes on the TLD, plus the entire legacy site under a subdomain.",
|
||||||
|
// "Reduced time-to-deployment from 5 minutes to 15 seconds with locally-runnable deploy scripts; besides setting up Drone/Gitlab CI/CD pipelines.",
|
||||||
|
// "Architected custom analytics backend w/ Clickhouse. Reduced query times from minutes to milliseconds.",
|
||||||
|
// "Implemented a custom IVR phone system to dynamically browse content.",
|
||||||
|
// "Deployed and configured various supporting/ancillary services in Kubernetes, including Gitlab, private Docker & NPM registries.",
|
||||||
|
// "Implemented OpenTelemetry tracing visualized in Grafana, decreasing transcoder troubleshooting by 50%.",
|
||||||
|
// "Implemented various asynchronous workflows, including a new video transcoder, in Temporal; thus completely severing our dependence on Vimeo, reducing costs by $40k/year.",
|
||||||
|
// From Otta resume:
|
||||||
|
"General full-stack work (frontend implementation in Next.js, adding endpoints to api, running database migrations in MySQL, updating Clickhouse with those schema changes, etc.)",
|
||||||
|
"Architected and implemented an in-house transcoding/content-delivery system based on Temporal, Cloudflare, and Backblaze B2 to replace Vimeo; saving $70k/year.",
|
||||||
|
"Setup generic events analytics system in Clickhouse to replace MySQL, Redis, and (eventually) Google Analytics, for faster and more granular analytics over arbitrary events and event payloads; significantly improving query times from minutes to milliseconds",
|
||||||
|
"Legacy code maintenance/incremental refactoring",
|
||||||
|
"Consolidated various async jobs (e.g. notifications, daily/weekly digest, delayed release, etc.) into type-safe Temporal workflows, enhancing developer experience and setting conventions for easy implementation of future workflows",
|
||||||
|
"Designed and deployed a multi-instance tRPC server for type-safe endpoints for the frontend",
|
||||||
|
`Adapted Agile/Scrum to accomodate stakeholder expectations of simultaneous planned and unplanned (i.e. during a Sprint) throughput and turnaround, while keeping longer-term goals predictable.`,
|
||||||
|
"Crafted multi-stage Dockerfiles to leverage layer caching in various projects",
|
||||||
|
"Reduced deployment time from 5 minutes to 15 seconds by implementing locally-runnable deploy scripts, besides setting up Github Actions CI/CD pipelines.",
|
||||||
|
"Developed a custom IVR phone system for dynamically browsing our content.",
|
||||||
|
"Deployed and configured various supporting services in Kubernetes such as Grafana, private Docker & NPM registries.",
|
||||||
|
"Implemented OpenTelemetry tracing visualized in Grafana, resulting in 50% decrease in legacy transcoder troubleshooting time.",
|
||||||
|
"Designed various parameterized Grafana dashboards for at-a-glance analysis of user stats.",
|
||||||
|
"Implemented two integrations: MySQL-Clickhouse sync (using Clickhouse primitives), and MySQL-Salesforce sync (on Temporal).",
|
||||||
|
"Transitioned legacy Cloudflare/nginx TLD site to Vercel, while maintaining custom nginx routes on the TLD and hosting the entire legacy site under a subdomain.",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// title: "Assistant Manager",
|
||||||
|
// company: "Sureknit Inc. Property Management",
|
||||||
|
// location: "East Flatbush, NY",
|
||||||
|
// start: "February 2020",
|
||||||
|
// end: "June 2022",
|
||||||
|
// highlights: [
|
||||||
|
// "Kept accurate records of tenant rent payments.",
|
||||||
|
// "Balanced and monitored bank accounts for all subsidiary companies.",
|
||||||
|
// "Furnished necessary documentation for various real estate operations, such as new leases, property sales, etc.",
|
||||||
|
// ],
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// title: "Architect Intern",
|
||||||
|
// company: "Sandy Hacohen",
|
||||||
|
// location: "Flushing, NY",
|
||||||
|
// start: "July 2018",
|
||||||
|
// end: "November 2018",
|
||||||
|
// highlights: [
|
||||||
|
// "Produced architectural drawings of various points-of-view based on given floorplans.",
|
||||||
|
// "Adjusted existing floorplans to spec.",
|
||||||
|
// ],
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// title: "Operations Manager",
|
||||||
|
// company: "Tax Opportunities America",
|
||||||
|
// location: "Flushing, NY",
|
||||||
|
// start: "April 2014",
|
||||||
|
// end: "May 2015",
|
||||||
|
// highlights: [
|
||||||
|
// "Interfaced with clients, prepared necessary documentation and submitted applications to government programs on behalf of clients.",
|
||||||
|
// "Monitored and accommodated deadlines, missing client data, and when client promised to have the data available",
|
||||||
|
// ],
|
||||||
|
// },
|
||||||
|
// {
|
||||||
|
// title: "Representative",
|
||||||
|
// company: "Computer-Aided Engineering Network (CAEN) Hotline",
|
||||||
|
// location: "U. of Michigan",
|
||||||
|
// start: "2007",
|
||||||
|
// end: "2009, 2010",
|
||||||
|
// highlights: [
|
||||||
|
// "Provided first-response assistance to students and collecting pertinent information to arrange for involvement of specialized staff.",
|
||||||
|
// ],
|
||||||
|
// },
|
||||||
|
];
|
||||||
|
|
||||||
|
export const projectsHobbies = [
|
||||||
|
{
|
||||||
|
title: "Self-host email for the sakal.us domain",
|
||||||
|
highlights: ["Vultr-Hosted", "Postfix for SMTP", "Dovecot for IMAP"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Self-host a Kubernetes cluster",
|
||||||
|
highlights: [
|
||||||
|
"k3s",
|
||||||
|
"Private Docker image registry",
|
||||||
|
"cert-manager",
|
||||||
|
"Private coding projects",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Self-host a Gitea code repository",
|
||||||
|
highlights: [
|
||||||
|
"Deployed within the above Kubernetes cluster. Available at https://git.sakal.us",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Personal coding blog",
|
||||||
|
highlights: ["Astro", "Cloudflare Pages", "https://blog.sakal.us"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Calendar Optimizer project",
|
||||||
|
highlights: [
|
||||||
|
"Stock options research platform",
|
||||||
|
"Preact",
|
||||||
|
"trpc",
|
||||||
|
"Clickhouse",
|
||||||
|
"https://calendar-optimizer-frontend.sakal.us",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// title: "Custom From-Scratch Full-Stack eCommerce website",
|
||||||
|
// highlights: [
|
||||||
|
// "Previously at piazzaoptical.com",
|
||||||
|
// "mithril.js",
|
||||||
|
// "nginx as reverse proxy and TLS termination",
|
||||||
|
// "lua-http on LuaJIT",
|
||||||
|
// "LMDB",
|
||||||
|
// ],
|
||||||
|
// },
|
||||||
|
];
|
||||||
|
|
||||||
|
export const education = [
|
||||||
|
{
|
||||||
|
title: "B.S. in Aerospace Engineering",
|
||||||
|
location: "University of Michigan, Ann Arbor, MI",
|
||||||
|
start: "Sept. 2006",
|
||||||
|
end: "April 2009, Sept. 2010, April 2011",
|
||||||
|
gpa: "3.185",
|
||||||
|
},
|
||||||
|
// {
|
||||||
|
// title: "Ph.D. in Rabbinics",
|
||||||
|
// location: "Rabbinical Seminary of America, Flushing, NY",
|
||||||
|
// start: "April 2009",
|
||||||
|
// end: "April 2010, April 2011, January 2020",
|
||||||
|
// },
|
||||||
|
];
|
||||||
@ -0,0 +1,72 @@
|
|||||||
|
import eslint from "@eslint/js";
|
||||||
|
import react from "eslint-plugin-react";
|
||||||
|
import globals from "globals";
|
||||||
|
import tseslint, { type ConfigArray } from "typescript-eslint";
|
||||||
|
|
||||||
|
export default tseslint.config(
|
||||||
|
{
|
||||||
|
ignores: [
|
||||||
|
"dist/*",
|
||||||
|
// Temporary compiled files
|
||||||
|
"**/*.ts.build-*.mjs",
|
||||||
|
|
||||||
|
// JS files at the root of the project
|
||||||
|
"*.js",
|
||||||
|
"*.cjs",
|
||||||
|
"*.mjs",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
eslint.configs.recommended,
|
||||||
|
...tseslint.configs.recommended,
|
||||||
|
{
|
||||||
|
languageOptions: {
|
||||||
|
parserOptions: {
|
||||||
|
warnOnUnsupportedTypeScriptVersion: false,
|
||||||
|
sourceType: "module",
|
||||||
|
ecmaVersion: "latest",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
rules: {
|
||||||
|
"@typescript-eslint/no-unused-vars": [
|
||||||
|
1,
|
||||||
|
{
|
||||||
|
argsIgnorePattern: "^_",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
"@typescript-eslint/no-namespace": 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
files: ["**/*.{js,mjs,cjs,jsx,mjsx,ts,tsx,mtsx}"],
|
||||||
|
...react.configs.flat.recommended,
|
||||||
|
languageOptions: {
|
||||||
|
...react.configs.flat.recommended.languageOptions,
|
||||||
|
globals: {
|
||||||
|
...globals.serviceworker,
|
||||||
|
...globals.browser,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
settings: {
|
||||||
|
react: {
|
||||||
|
version: "detect",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
} as ConfigArray[number],
|
||||||
|
|
||||||
|
react.configs.flat["jsx-runtime"] as ConfigArray[number],
|
||||||
|
|
||||||
|
{
|
||||||
|
rules: {
|
||||||
|
"react/no-unknown-property": [
|
||||||
|
"error",
|
||||||
|
{
|
||||||
|
ignore: ["css"],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
);
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
import "./style.css";
|
||||||
|
|
||||||
|
export default function LayoutDefault({
|
||||||
|
children,
|
||||||
|
}: {
|
||||||
|
children: React.ReactNode;
|
||||||
|
}) {
|
||||||
|
return (
|
||||||
|
<div
|
||||||
|
css={{
|
||||||
|
display: "flex",
|
||||||
|
maxWidth: 1024,
|
||||||
|
margin: "auto",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
/* Reset */
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: sans-serif;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
@ -1,5 +0,0 @@
|
|||||||
@import url("./common.css");
|
|
||||||
@page {
|
|
||||||
size: letter;
|
|
||||||
margin: 0.5in;
|
|
||||||
}
|
|
||||||
@ -0,0 +1,36 @@
|
|||||||
|
{
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vike dev",
|
||||||
|
"build": "vike build",
|
||||||
|
"preview": "run-s build preview:wrangler",
|
||||||
|
"lint": "eslint .",
|
||||||
|
"preview:wrangler": "wrangler pages dev",
|
||||||
|
"deploy:wrangler": "wrangler pages deploy",
|
||||||
|
"deploy": "run-s build deploy:wrangler"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"vike": "^0.4.237",
|
||||||
|
"@compiled/react": "^0.18.6",
|
||||||
|
"@vitejs/plugin-react": "^5.0.0",
|
||||||
|
"react": "^19.1.1",
|
||||||
|
"react-dom": "^19.1.1",
|
||||||
|
"vike-react": "^0.6.5",
|
||||||
|
"vike-cloudflare": "^0.1.7"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"typescript": "^5.9.2",
|
||||||
|
"vite": "^7.1.2",
|
||||||
|
"vite-plugin-compiled-react": "^1.3.1",
|
||||||
|
"eslint": "^9.33.0",
|
||||||
|
"@eslint/js": "^9.33.0",
|
||||||
|
"typescript-eslint": "^8.39.1",
|
||||||
|
"globals": "^16.3.0",
|
||||||
|
"eslint-plugin-react": "^7.37.5",
|
||||||
|
"@types/react": "^19.1.10",
|
||||||
|
"@types/react-dom": "^19.1.7",
|
||||||
|
"@cloudflare/workers-types": "^4.20250816.0",
|
||||||
|
"wrangler": "^4.30.0",
|
||||||
|
"npm-run-all2": "^8.0.4"
|
||||||
|
},
|
||||||
|
"type": "module"
|
||||||
|
}
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
import type { Config } from "vike/types";
|
||||||
|
import vikeReact from "vike-react/config";
|
||||||
|
import Layout from "../layouts/LayoutDefault.js";
|
||||||
|
|
||||||
|
// Default config (can be overridden by pages)
|
||||||
|
// https://vike.dev/config
|
||||||
|
|
||||||
|
export default {
|
||||||
|
// https://vike.dev/Layout
|
||||||
|
Layout,
|
||||||
|
|
||||||
|
// https://vike.dev/head-tags
|
||||||
|
title: "Brian Sakal | Resume",
|
||||||
|
description: "Resume Auto-Generated from Metadata",
|
||||||
|
|
||||||
|
extends: vikeReact,
|
||||||
|
} satisfies Config;
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
import { usePageContext } from "vike-react/usePageContext";
|
||||||
|
|
||||||
|
export default function Page() {
|
||||||
|
const { is404 } = usePageContext();
|
||||||
|
if (is404) {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<h1>404 Page Not Found</h1>
|
||||||
|
<p>This page could not be found.</p>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<h1>500 Internal Server Error</h1>
|
||||||
|
<p>Something went wrong.</p>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
import * as resumeData from "../../database/resume.js";
|
||||||
|
|
||||||
|
export default function data() {
|
||||||
|
return resumeData;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type Data = ReturnType<typeof data>;
|
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,29 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"strict": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"module": "ESNext",
|
||||||
|
"noEmit": true,
|
||||||
|
"moduleResolution": "Bundler",
|
||||||
|
"target": "ES2022",
|
||||||
|
"lib": [
|
||||||
|
"DOM",
|
||||||
|
"DOM.Iterable",
|
||||||
|
"ESNext"
|
||||||
|
],
|
||||||
|
"types": [
|
||||||
|
"vite/client",
|
||||||
|
"vike-react",
|
||||||
|
"vike-cloudflare/types"
|
||||||
|
],
|
||||||
|
"jsx": "react-jsx",
|
||||||
|
"jsxImportSource": "react"
|
||||||
|
},
|
||||||
|
"exclude": [
|
||||||
|
"dist"
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
import { pages } from "vike-cloudflare";
|
||||||
|
import react from "@vitejs/plugin-react";
|
||||||
|
import { compiled } from "vite-plugin-compiled-react";
|
||||||
|
import vike from "vike/plugin";
|
||||||
|
import { defineConfig } from "vite";
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [
|
||||||
|
vike(),
|
||||||
|
compiled({
|
||||||
|
extract: true,
|
||||||
|
}),
|
||||||
|
react(),
|
||||||
|
pages(),
|
||||||
|
],
|
||||||
|
build: {
|
||||||
|
target: "es2022",
|
||||||
|
},
|
||||||
|
});
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
name = "my-app"
|
||||||
|
compatibility_date = "2024-09-29"
|
||||||
|
pages_build_output_dir = "./dist/cloudflare"
|
||||||
|
compatibility_flags = [ "nodejs_compat" ]
|
||||||
Loading…
Reference in New Issue