mirror of
https://github.com/Dokploy/examples
synced 2025-06-26 18:15:52 +00:00
feat: finish vuejs example
This commit is contained in:
parent
ab70fabc17
commit
02e2cfd645
@ -1,9 +1,7 @@
|
||||
# Dokploy Example
|
||||
# Nextjs Example
|
||||
|
||||
This repository contains an example of nextjs application that is deployed on Dokploy.
|
||||
|
||||
You have two options to get started:
|
||||
|
||||
|
||||
1. **Use Git Provider in Your Application**:
|
||||
- Repository: `https://github.com/Dokploy/examples.git`
|
||||
|
@ -1,33 +1,20 @@
|
||||
# vuejs-simple
|
||||
# Vuejs Example
|
||||
|
||||
This template should help get you started developing with Vue 3 in Vite.
|
||||
This repository contains an example of vuejs application that is deployed on Dokploy.
|
||||
|
||||
## Recommended IDE Setup
|
||||
|
||||
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
||||
1. **Use Git Provider in Your Application**:
|
||||
- Repository: `https://github.com/Dokploy/examples.git`
|
||||
- Branch: `main`
|
||||
- Build path: `/vuejs-simple`
|
||||
|
||||
## Type Support for `.vue` Imports in TS
|
||||
4. **Click on Deploy**:
|
||||
- Deploy your application by clicking the deploy button.
|
||||
|
||||
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
|
||||
5. **Generate a Domain**:
|
||||
- Click on generate domain button.
|
||||
- A new domain will be generated for you.
|
||||
- You can use this domain to access your application.
|
||||
|
||||
## Customize configuration
|
||||
|
||||
See [Vite Configuration Reference](https://vitejs.dev/config/).
|
||||
|
||||
## Project Setup
|
||||
|
||||
```sh
|
||||
pnpm install
|
||||
```
|
||||
|
||||
### Compile and Hot-Reload for Development
|
||||
|
||||
```sh
|
||||
pnpm dev
|
||||
```
|
||||
|
||||
### Type-Check, Compile and Minify for Production
|
||||
|
||||
```sh
|
||||
pnpm build
|
||||
```
|
||||
|
||||
If you need further assistance, join our [Discord server](https://discord.com/invite/2tBnJ3jDJc).
|
||||
|
@ -16,4 +16,8 @@ export default defineConfig({
|
||||
port: 3000,
|
||||
host: true,
|
||||
},
|
||||
preview: {
|
||||
port: 3000,
|
||||
host: true,
|
||||
},
|
||||
});
|
||||
|
Loading…
Reference in New Issue
Block a user