Meu site profissional usando o Vite(com foco na velocidade) + Vue.js + TypeScript
- lucasbrum.net (Hospedado graças ao Oracle Cloud, Obrigado Oracle! 🧡)
- Vue.js 3 (Setup Syntax + Composition API)
- Vite (Setup Syntax + Composition API)
- TypeScript (Setup Syntax + Composition API)
- Twitter Bootstrap 5
Pacote | Versão |
---|---|
vue | 3.3.4 |
vue-router | 4.2.4 |
Pacote | Versão |
---|---|
vite | 4.4.5 |
chcon -vR system_u:object_r:httpd_sys_content_t:s0 /var/www/lucasbrum.net
setsebool -P httpd_can_network_connect 1
Clonar o repositório:
git clone git@github.com:sistematico/lucasbrum.net.git
Instalar as dependências:
pnpm install
Testar o projeto:
pnpm run dev
Abra a url em seu navegador: http://localhost:5173 Tudo deve funcionar conforme o esperado 🥳
/etc/nginx/sites-available/lucasbrum.net
server {
listen 80; # default_server
listen [::]:80; # default_server
server_name *.lucasbrum.net lucasbrum.net;
return 301 https://lucasbrum.net$request_uri;
}
server {
listen 443 ssl;
listen [::]:443 ssl;
ssl_certificate /etc/letsencrypt/live/lucasbrum.net/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/lucasbrum.net/privkey.pem;
server_name www.lucasbrum.net;
return 301 https://lucasbrum.net$request_uri;
}
server {
listen 443 ssl; # default_server
listen [::]:443 ssl; # default_server
ssl_certificate /etc/letsencrypt/live/lucasbrum.net/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/lucasbrum.net/privkey.pem;
server_name lucasbrum.net;
root /var/www/lucasbrum.net/dist;
location / {
try_files $uri $uri/ /index.html;
}
location ~ /\.ht { deny all; }
}
Erro nos logs do Nginx
failed (13: Permission denied) while connecting to upstream XXXX
Solução
setsebool -P httpd_can_network_connect 1
Se o meu trabalho foi útil de qualquer maneira, considere doar qualquer valor através do das seguintes plataformas: