Skip to content

Commit 10f0238

Browse files
rohrigrohrig
committed
rebase
Initial commit section/1/initial setup and install tailwind feature(auth) implement auth Section/5/nuxtfulstk 16 create ask jack forum (#6) * feature(subscriptions) create subscrition * feature(subscriptions) add success page * NUXTFULSTK-8 set up webhooks * feature(ask-jack) ask question feature(ask-jack) get question feature(forum) implement crud * feature(forum) add todo fix(image-paths) update image paths feature(demo) spruce up the place feature(demo) fix image paths feature(demo) use demo db feature(demo) use demo db feature(demo) use demo db feature(deployment) ui improvements and deployment feature(deployment) deploy from main feature(deployment) spruce up the dashboard feature(middleware) add server middleware feature(middleware) add test mode warning to subscriptions feature(demo) fix dialog position feature(demo) add link to demo feature(demo) dark mode for text dialog feature(demo) login/register icon spacing feature(demo) add login req to ask feature(demo) add ask sidebar to mobile feature(demo) hide series until player finished fix register form validation/ formkey feature(deployment) update github action feature(deployment) update github action feature(deployment) update github action feature(deployment) update github action feature(deployment) update github action feature(deployment) update github action feature(deployment) watch me fail feature(deployment) first test feature(deployment) test should pass feature(deployment) build and push actions feature(deployment) activate feature(deployment) clean up feature(deployment) clean up 2 feature(deployment) db safety feature(deployment) fix deploy path feature(deployment) cp .env to root feature(deployment) cp .env to root feature(deployment) cp .env to root
1 parent a206379 commit 10f0238

File tree

130 files changed

+11151
-1
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

130 files changed

+11151
-1
lines changed

‎.github/workflows/deploy-int.yml‎

Lines changed: 150 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,150 @@
1+
name: Automated Release Deployment
2+
3+
on:
4+
push:
5+
tags:
6+
- rc*
7+
8+
jobs:
9+
test-application:
10+
runs-on: ubuntu-latest
11+
strategy:
12+
matrix:
13+
node-version: [ 16.17.0 ]
14+
steps:
15+
- uses: actions/checkout@v3
16+
- name: Use Node.js ${{ matrix.node-version }}
17+
uses: actions/setup-node@v3
18+
with:
19+
node-version: ${{ matrix.node-version }}
20+
cache: 'yarn'
21+
- run: yarn
22+
- run: yarn build
23+
24+
create-deployment-artifacts:
25+
needs: test-application
26+
runs-on: ubuntu-latest
27+
strategy:
28+
matrix:
29+
node-version: [ 16.17.0 ]
30+
steps:
31+
- uses: actions/checkout@v3
32+
- name: Use Node.js ${{ matrix.node-version }}
33+
uses: actions/setup-node@v3
34+
with:
35+
node-version: ${{ matrix.node-version }}
36+
cache: 'yarn'
37+
- run: |
38+
touch .env
39+
echo STRIPE_SECRET_KEY=${{ secrets.STRIPE_SECRET_TEST_KEY }} >> .env
40+
echo DATABASE_URL=${{ secrets.DATABASE_URL }} >> .env
41+
echo APP_DOMAIN=https://fullstackjack.dev >> .env
42+
echo RELEASE_VERSION=${GITHUB_REF} >> .env
43+
echo GITHUB_SHA=${GITHUB_SHA} >> .env
44+
- run: yarn
45+
- run: yarn build
46+
- name: Create deployment artifact
47+
env:
48+
GITHUB_SHA: ${{ github.sha }}
49+
STRIPE_SECRET_KEY: ${{ secrets.STRIPE_SECRET_TEST_KEY }}
50+
run: tar -czf "${GITHUB_SHA}".tar.gz .output
51+
52+
- name: Store artifact for distribution
53+
uses: actions/upload-artifact@v2
54+
with:
55+
name: app-build
56+
path: ${{ github.sha }}.tar.gz
57+
58+
- name: Store .env
59+
uses: actions/upload-artifact@v2
60+
with:
61+
name: env
62+
path: .env
63+
64+
prepare-release-on-servers:
65+
needs: create-deployment-artifacts
66+
name: "Prepare release on INT server"
67+
runs-on: ubuntu-latest
68+
steps:
69+
- uses: actions/download-artifact@v2
70+
with:
71+
name: app-build
72+
- uses: actions/download-artifact@v2
73+
with:
74+
name: env
75+
- name: Upload app-build
76+
uses: appleboy/scp-action@master
77+
with:
78+
host: "49.12.188.8"
79+
port: "22"
80+
username: "root"
81+
key: ${{ secrets.SSH_KEY }}
82+
source: ${{ github.sha }}.tar.gz
83+
target: /var/www/html/artifacts
84+
85+
- name: Upload env
86+
uses: appleboy/scp-action@master
87+
with:
88+
host: "49.12.188.8"
89+
port: "22"
90+
username: "root"
91+
key: ${{ secrets.SSH_KEY }}
92+
source: .env
93+
target: /data/env
94+
95+
- name: Extract archive and create directories
96+
uses: appleboy/ssh-action@master
97+
env:
98+
GITHUB_SHA: ${{ github.sha }}
99+
with:
100+
host: "49.12.188.8"
101+
username: "root"
102+
key: ${{ secrets.SSH_KEY }}
103+
port: "22"
104+
envs: GITHUB_SHA
105+
script: |
106+
mkdir -p "/var/www/html/releases/${GITHUB_SHA}"
107+
tar xzf /var/www/html/artifacts/${GITHUB_SHA}.tar.gz -C "/var/www/html/releases/${GITHUB_SHA}"
108+
rm -rf /var/www/html/artifacts/${GITHUB_SHA}.tar.gz
109+
110+
activate-release:
111+
name: "Activate release"
112+
runs-on: ubuntu-latest
113+
needs: prepare-release-on-servers
114+
steps:
115+
- name: Activate release
116+
uses: appleboy/ssh-action@master
117+
env:
118+
RELEASE_PATH: /var/www/html/releases/${{ github.sha }}
119+
ACTIVE_RELEASE_PATH: /var/www/html/live
120+
with:
121+
host: "49.12.188.8"
122+
username: "root"
123+
key: ${{ secrets.SSH_KEY }}
124+
port: "22"
125+
envs: RELEASE_PATH,ACTIVE_RELEASE_PATH
126+
script: |
127+
ln -s -n -f $RELEASE_PATH $ACTIVE_RELEASE_PATH
128+
systemctl restart fullstackjack
129+
chown -R www-data:www-data ${RELEASE_PATH}
130+
npx prisma migrate deploy --schema=/var/www/html/live/.output/server/node_modules/.prisma/client/schema.prisma
131+
132+
clean-up:
133+
name: "Clean up old versions"
134+
runs-on: ubuntu-latest
135+
needs: activate-release
136+
steps:
137+
- name: clean up old releases
138+
uses: appleboy/ssh-action@master
139+
with:
140+
host: "49.12.188.8"
141+
username: "root"
142+
key: ${{ secrets.SSH_KEY }}
143+
port: "22"
144+
script: |
145+
cd /var/www/html/releases && ls -t -1 | tail -n +4 | xargs rm -rf
146+
cd /var/www/html/artifacts && rm -rf *
147+
# delete-artifact
148+
- uses: geekyeggo/delete-artifact@v1
149+
with:
150+
name: create-deployment-artifacts

‎.gitignore‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
node_modules
2+
*.log*
3+
.nuxt
4+
.nitro
5+
.cache
6+
.output
7+
.env
8+
.env.production
9+
dist
10+
.idea
11+
.vscode

‎README.md‎

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,35 @@
1-
# Nuxt 3 Minimal Starter
1+
## Hi there, Full Stack Jack here
2+
I'm glad you found this awesome repo.
3+
4+
If you'd like a walk through of how nuxt3 and in particular this set up
5+
works,
6+
7+
check out the Full Stack Jack Youtube Channel here :point_right: ![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCFDF_U_uoKc6MhIZPZKo5CA?label=FullStackJack&style=social)
8+
<a href="https://www.youtube.com/channel/UCFDF_U_uoKc6MhIZPZKo5CA">FullStackJack Youtube Channel</a>.
9+
10+
## Connect with me
11+
12+
13+
14+
<div align="center">
15+
<a href="https://github.com/rohrig" target="_blank">
16+
<img src=https://img.shields.io/badge/github-%2324292e.svg?&style=for-the-badge&logo=github&logoColor=white alt=github style="margin-bottom: 5px;" />
17+
</a>
18+
<a href = "mailto:[email protected]?subject = Feedback&body = Message">
19+
<img src=https://img.shields.io/badge/gmail-%23EE4831.svg?&style=for-the-badge&logo=gmail&logoColor=white alt=gmail style="margin-bottom: 5px;" />
20+
</a>
21+
<a href="https://www.youtube.com/channel/UCFDF_U_uoKc6MhIZPZKo5CA" target="_blank">
22+
<img src=https://img.shields.io/badge/youtube-%23EE4831.svg?&style=for-the-badge&logo=youtube&logoColor=white alt=youtube style="margin-bottom: 5px;" />
23+
</a>
24+
</div>
25+
26+
# Nuxt 3 Fullstack Tutorial
227

328
Look at the [nuxt 3 documentation](https://v3.nuxtjs.org) to learn more.
429

30+
## Demo App
31+
Check out [FullStackJack.dev](https://fullstackjack.dev) to see this code live in action.
32+
533
## Setup
634

735
Make sure to install the dependencies:

‎app.vue‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<script setup lang="ts">
2+
import { useUser } from "~/composables/useAuth";
3+
4+
const nuxtApp = useNuxtApp()
5+
6+
nuxtApp.hook("page:finish", () => {
7+
window.scrollTo(0, 0)
8+
})
9+
10+
await useUser()
11+
</script>
12+
<template>
13+
<NuxtLayout>
14+
<div class="dark:bg-slate-800 min-h-screen dark:text-white">
15+
<NuxtPage />
16+
</div>
17+
18+
</NuxtLayout>
19+
</template>

‎assets/css/tailwind.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/* /assets/css/tailwind.css */
2+
@tailwind base;
3+
@tailwind components;
4+
@tailwind utilities;

‎components/User.vue‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<script setup lang="ts">
2+
import { IUser } from "~/types/IUser";
3+
import { ref } from "@vue/reactivity";
4+
import { userLogout } from "~/composables/useAuth";
5+
import { onClickOutside } from '@vueuse/core'
6+
7+
const avatar = (given: string | undefined) => given ?? '/img/logo_short.png' //
8+
9+
const user = await useLoggedIn()
10+
const isLoggedIn = await useLoggedIn()
11+
const logout = userLogout
12+
const hideActions = ref(true)
13+
const userActions = ref(null)
14+
15+
onClickOutside(userActions, () => hideActions.value = true)
16+
17+
</script>
18+
19+
<template>
20+
<div ref="userActions" class="">
21+
22+
<div @click="hideActions = !hideActions">
23+
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 dark:text-white">
24+
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
25+
</svg>
26+
</div>
27+
28+
29+
30+
<ul :class="[{ 'hidden': hideActions }]" class="
31+
dropdown-menu
32+
min-w-max
33+
absolute
34+
bottom
35+
bg-white
36+
text-base
37+
z-100
38+
float-left
39+
py-2
40+
list-none
41+
text-left
42+
rounded-lg
43+
shadow-lg
44+
mt-1
45+
top-
46+
m-0
47+
bg-clip-padding
48+
border-none
49+
" aria-labelledby="dropdownMenuButton1">
50+
<li v-if="isLoggedIn" @click="logout">
51+
52+
<a class="
53+
dropdown-item
54+
text-sm
55+
py-2
56+
px-4
57+
font-normal
58+
block
59+
w-full
60+
whitespace-nowrap
61+
bg-transparent
62+
text-gray-700
63+
hover:bg-gray-100
64+
" href="#">logout</a>
65+
</li>
66+
<li v-if="!isLoggedIn">
67+
<NuxtLink class="
68+
dropdown-item
69+
text-sm
70+
py-2
71+
px-4
72+
font-normal
73+
block
74+
w-full
75+
whitespace-nowrap
76+
bg-transparent
77+
text-gray-700
78+
hover:bg-gray-100
79+
" href="/register">Register</NuxtLink>
80+
</li>
81+
<li v-if="!isLoggedIn">
82+
<NuxtLink class="
83+
dropdown-item
84+
text-sm
85+
py-2
86+
px-4
87+
font-normal
88+
block
89+
w-full
90+
whitespace-nowrap
91+
bg-transparent
92+
text-gray-700
93+
hover:bg-gray-100
94+
" href="/login">Login</NuxtLink>
95+
</li>
96+
</ul>
97+
</div>
98+
</template>

0 commit comments

Comments
 (0)