Skip to content

Commit 3e61bdb

Browse files
hendrikheilhendrikheil
committed
feat: migrate to github pages
0 parents  commit 3e61bdb

File tree

11 files changed

+11464
-0
lines changed

11 files changed

+11464
-0
lines changed

‎.github/workflows/deploy.yaml‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
name: Deploy to GitHub Pages
2+
on:
3+
workflow_dispatch:
4+
push:
5+
branches:
6+
- main
7+
jobs:
8+
build:
9+
runs-on: ubuntu-latest
10+
steps:
11+
- uses: actions/checkout@v4
12+
- run: corepack enable
13+
- uses: actions/setup-node@v4
14+
with:
15+
node-version: "20"
16+
- run: npm install
17+
- run: npx nuxt build --preset github_pages
18+
- name: Upload artifact
19+
uses: actions/upload-pages-artifact@v3
20+
with:
21+
path: ./.output/public
22+
23+
deploy:
24+
needs: build
25+
permissions:
26+
pages: write
27+
id-token: write
28+
environment:
29+
name: github_pages
30+
url: ${{ steps.deployment.outputs.page_url }}
31+
runs-on: ubuntu-latest
32+
steps:
33+
- name: Deploy to GitHub Pages
34+
id: deployment
35+
uses: actions/deploy-pages@v4

‎.gitignore‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Nuxt dev/build outputs
2+
.output
3+
.data
4+
.nuxt
5+
.nitro
6+
.cache
7+
dist
8+
9+
# Node dependencies
10+
node_modules
11+
12+
# Logs
13+
logs
14+
*.log
15+
16+
# Misc
17+
.DS_Store
18+
.fleet
19+
.idea
20+
21+
# Local env files
22+
.env
23+
.env.*
24+
!.env.example

‎README.md‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
# Nuxt Minimal Starter
2+
3+
Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
4+
5+
## Setup
6+
7+
Make sure to install dependencies:
8+
9+
```bash
10+
# npm
11+
npm install
12+
13+
# pnpm
14+
pnpm install
15+
16+
# yarn
17+
yarn install
18+
19+
# bun
20+
bun install
21+
```
22+
23+
## Development Server
24+
25+
Start the development server on `http://localhost:3000`:
26+
27+
```bash
28+
# npm
29+
npm run dev
30+
31+
# pnpm
32+
pnpm dev
33+
34+
# yarn
35+
yarn dev
36+
37+
# bun
38+
bun run dev
39+
```
40+
41+
## Production
42+
43+
Build the application for production:
44+
45+
```bash
46+
# npm
47+
npm run build
48+
49+
# pnpm
50+
pnpm build
51+
52+
# yarn
53+
yarn build
54+
55+
# bun
56+
bun run build
57+
```
58+
59+
Locally preview production build:
60+
61+
```bash
62+
# npm
63+
npm run preview
64+
65+
# pnpm
66+
pnpm preview
67+
68+
# yarn
69+
yarn preview
70+
71+
# bun
72+
bun run preview
73+
```
74+
75+
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

‎app.vue‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<template>
2+
<NuxtRouteAnnouncer />
3+
4+
<div :class="$style.intro">
5+
<div :class="$style.showcase">
6+
<div :class="$style.showcase__human">
7+
<img src="~/assets/images/hendrik.png" alt="Hendrik Portrait">
8+
</div>
9+
<div :class="$style.showcase__text">
10+
<h1>Hi there!</h1>
11+
<p>I'm Hendrik.<br>Developer, Founder and Tech-Enthusiast.</p>
12+
<p>Check out my companies:</p>
13+
<ul>
14+
<li><a href="https://matters.dev" target="_blank">matters.dev GbR</a></li>
15+
<li><a href="https://stafftastic.com" target="_blank">stafftastic GmbH</a></li>
16+
</ul>
17+
</div>
18+
</div>
19+
20+
<div :class="$style.social">
21+
<a href="https://linkedin.com/in/hendrik-heil" target="_blank">LinkedIn</a>
22+
<a href="mailto:[email protected]" target="_blank">E-Mail</a>
23+
</div>
24+
</div>
25+
</template>
26+
27+
<style module>
28+
.intro {
29+
background-color: #102133;
30+
color: #fefefe;
31+
}
32+
33+
.showcase {
34+
font-weight: 600;
35+
min-height: 100vh;
36+
display: flex;
37+
justify-content: center;
38+
align-items: center;
39+
flex-wrap: wrap;
40+
}
41+
.showcase__human img {
42+
max-width: 100%;
43+
flex: 1;
44+
}
45+
.showcase__text {
46+
padding: 2rem;
47+
display: flex;
48+
gap: 30px;
49+
flex-direction: column;
50+
}
51+
.showcase__text h1 {
52+
font-size: 60px;
53+
font-weight: 700;
54+
}
55+
.showcase__text p {
56+
font-size: 40px;
57+
}
58+
.showcase__text a {
59+
font-size: 30px;
60+
color: #f0cb4c;
61+
text-decoration: none;
62+
font-weight: 500;
63+
}
64+
.showcase__text ul {
65+
display: flex;
66+
gap: 15px;
67+
}
68+
.showcase__text li {
69+
display: inline;
70+
}
71+
72+
.social {
73+
position: fixed;
74+
bottom: 20px;
75+
right: 20px;
76+
display: flex;
77+
gap: 10px;
78+
}
79+
.social a {
80+
color: #fff;
81+
text-decoration: none;
82+
}
83+
</style>

‎assets/css/app.css‎

Lines changed: 147 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
html,
2+
body,
3+
div,
4+
span,
5+
applet,
6+
object,
7+
iframe,
8+
h1,
9+
h2,
10+
h3,
11+
h4,
12+
h5,
13+
h6,
14+
p,
15+
blockquote,
16+
pre,
17+
a,
18+
abbr,
19+
acronym,
20+
address,
21+
big,
22+
cite,
23+
code,
24+
del,
25+
dfn,
26+
em,
27+
img,
28+
ins,
29+
kbd,
30+
q,
31+
s,
32+
samp,
33+
small,
34+
strike,
35+
strong,
36+
sub,
37+
sup,
38+
tt,
39+
var,
40+
b,
41+
u,
42+
i,
43+
center,
44+
dl,
45+
dt,
46+
dd,
47+
ol,
48+
ul,
49+
li,
50+
fieldset,
51+
form,
52+
label,
53+
legend,
54+
table,
55+
caption,
56+
tbody,
57+
tfoot,
58+
thead,
59+
tr,
60+
th,
61+
td,
62+
article,
63+
aside,
64+
canvas,
65+
details,
66+
embed,
67+
figure,
68+
figcaption,
69+
footer,
70+
header,
71+
hgroup,
72+
main,
73+
menu,
74+
nav,
75+
output,
76+
ruby,
77+
section,
78+
summary,
79+
time,
80+
mark,
81+
audio,
82+
video {
83+
border: 0;
84+
font: inherit;
85+
font-size: 100%;
86+
margin: 0;
87+
padding: 0;
88+
vertical-align: baseline;
89+
}
90+
91+
article,
92+
aside,
93+
details,
94+
figcaption,
95+
figure,
96+
footer,
97+
header,
98+
hgroup,
99+
main,
100+
menu,
101+
nav,
102+
section {
103+
display: block;
104+
}
105+
106+
*[hidden] {
107+
display: none;
108+
}
109+
110+
body {
111+
line-height: 1;
112+
}
113+
114+
ol,
115+
ul {
116+
list-style: none;
117+
}
118+
119+
blockquote,
120+
q {
121+
quotes: none;
122+
}
123+
124+
blockquote::before,
125+
blockquote::after,
126+
q::before,
127+
q::after {
128+
content: '';
129+
}
130+
131+
table {
132+
border-spacing: 0;
133+
}
134+
135+
*,
136+
*::before,
137+
*::after {
138+
box-sizing: border-box;
139+
}
140+
141+
a {
142+
text-decoration: none;
143+
}
144+
145+
#__nuxt {
146+
font-family: 'Inter', sans-serif;
147+
}

‎assets/images/hendrik.png‎

180 KB
Loading

‎nuxt.config.ts‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
export default defineNuxtConfig({
2+
compatibilityDate: '2025-05-15',
3+
4+
devtools: {
5+
enabled: true
6+
},
7+
8+
css: [
9+
'~/assets/css/app.css',
10+
],
11+
12+
modules: ['@nuxt/fonts', '@nuxt/scripts'],
13+
14+
fonts: {
15+
provider: 'fontsource',
16+
17+
defaults: {
18+
weights: [400, 500, 600],
19+
},
20+
},
21+
22+
scripts: {
23+
registry: {
24+
googleAnalytics: {
25+
id: 'UA-102069378-1',
26+
},
27+
},
28+
},
29+
});

0 commit comments

Comments
 (0)