-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathNETLIFY_DEPLOY.txt
More file actions
93 lines (60 loc) · 4.54 KB
/
NETLIFY_DEPLOY.txt
File metadata and controls
93 lines (60 loc) · 4.54 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
╔══════════════════════════════════════════════════════════════╗
║ DEPLOY TO NETLIFY (EASIEST METHOD) ║
╚══════════════════════════════════════════════════════════════╝
Netlify is the easiest way to deploy your PWA. It's free and takes 2 minutes.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
METHOD 1: Drag & Drop (Simplest)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
1. Run build.bat or build-simple.bat
→ This CREATES the 'dist' folder (it doesn't exist yet!)
→ Wait for it to finish
→ The 'dist' folder will appear in this directory
2. Go to: https://app.netlify.com/drop
3. Drag the entire 'dist' folder onto the page
4. Wait 30 seconds - your app is live!
5. You'll get a URL like: https://random-name-123.netlify.app
6. Share this URL - your app is online!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
METHOD 2: Netlify Account (Better for Updates)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
1. Go to: https://www.netlify.com/
2. Click "Sign up" (free account)
3. After signing up, click "Add new site" → "Deploy manually"
4. Run build.bat
5. Drag the 'dist' folder onto Netlify
6. Your app is live!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
UPDATING YOUR APP:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
To update your live app:
1. Make changes to your code
2. Run build.bat again
3. Go to your Netlify dashboard
4. Drag the new 'dist' folder
5. Done! App updates in 30 seconds
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
REVERTING TO PREVIOUS VERSION:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
1. Go to your Netlify dashboard
2. Click "Deploys" tab
3. Find the previous version you want
4. Click the three dots (...) next to it
5. Click "Publish deploy"
6. Your app reverts to that version!
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CUSTOM DOMAIN (Optional):
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Netlify gives you a free URL, but you can use your own:
1. In Netlify dashboard → Site settings
2. Click "Domain management"
3. Add your custom domain
4. Follow the instructions
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
💡 TIPS:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
• Netlify is completely free for this use case
• Your app works as a PWA automatically
• Updates are instant
• Previous versions are saved automatically
• No credit card required
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━