-
Notifications
You must be signed in to change notification settings - Fork 1
/
Next website deploy
155 lines (125 loc) · 4.45 KB
/
Next website deploy
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fleerob%2Fon-demand-isr&env=GITHUB_WEBHOOK_SECRET,GITHUB_APP_ID,GITHUB_APP_PK_PEM&envDescription=API%20keys%20needed%20to%20connect%20to%20the%20GitHub%20Application.&envLink=https%3A%2F%2Fgithub.com%2Fleerob%2Fon-demand-isr&demo-title=On-Demand%20ISR&demo-description=Demo%20of%20on-demand%20ISR%20in%20Next.js%2012.1%20using%20GitHub%20Issues.&demo-url=https%3A%2F%2Fon-demand-isr.vercel.app)
# On-Demand Incremental Static Regeneration (for personal website)
<<!DOCTYPE html>
<html>
<head>
<title>Domain Reselling Platform</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<h1>Welcome to Domain Reselling Platform</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="domains.html">Domains</a></li>
<li><a href="sell.html">Sell Domain</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<section>
<h2>About Domain Reselling Platform</h2>
<p>Domain Reselling Platform is a marketplace where you can buy and sell domains. Whether you're looking for a unique domain for your business or want to sell your unused domains, we've got you covered.</p>
</section>
<section>
<h2>Featured Domains</h2>
<ul>
<li><a href="#">exampledomain.com</a></li>
<li><a href="#">mydomain.net</a></li>
<li><a href="#">bestdomain.org</a></li>
</ul>
</section>
</main>
<footer>
<p>© 2021 Domain Reselling Platform. All rights reserved.</p>
</footer>
</body>
</html>
/* styles.css */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #f1f1f1;
}
nav li {
display: inline;
margin-right: 10px;
}
nav a {
text-decoration: none;
padding: 10px;
color: #333;
}
nav a:hover {
background
<!DOCTYPE html>
<html>
<head>
<title>My Personal Website</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<header>
<h1>Welcome to My Personal Website</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<section>
<h2>About Me</h2>
<p>I am a software engineer with expertise in web development. I have worked on various projects including e-commerce websites, social media platforms, and content management systems.</p>
</section>
<section>
<h2>Skills</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Python</li>
<li>Java</li>
</ul>
</section>
</main>
<footer>
<p>© 2021 My Personal Website. All rights reserved.</p>
</footer>
</body>
</html>
*Demo of on-demand ISR in [Next.js](https://nextjs.org/docs/app/building-your-application/data-fetching/revalidating#on-demand-revalidation) using GitHub Issues. When a new issue is created, a webhook from a GitHub App _pushes_ new changes to the deployed application to regenerate the static page.
## Setup
1. Create a new [GitHub App](https://github.com/settings/apps/new)
1. Provide the URL of your deployed application for Homepage URL
1. Ensure Webhook "Active" is checked
1. Add `<your-site>/api/webhook` as the Webhook URL
1. Create a Webhook secret and add it to `.env.local` as `GITHUB_WEBHOOK_SECRET`
1. Give "Read Only" access to Issues
1. Subscribe to "Issues" events
1. Add the App ID to `.env.local` as `GITHUB_APP_ID`
1. Generate a private key and add it to `.env.local` as `GITHUB_APP_PK_PEM`
1. Install the newly created GitHub App for your repo
1. `https://github.com/settings/apps/<your-app-name>/installations`
## Running Locally
```bash
$ npm run dev
```
## Learn More
- [Read the documentation](https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration)