page.tsx
2.74 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
import { Helmet } from '@modern-js/runtime/head';
import './index.css';
const Index = () => (
<div className="container-box">
<Helmet>
<link
rel="icon"
type="image/x-icon"
href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"
/>
</Helmet>
<main>
<div className="title">
Welcome to
<img
className="logo"
src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg"
alt="Modern.js Logo"
/>
<p className="name">Modern.js</p>
</div>
<p className="description">
Get started by editing <code className="code">src/routes/page.tsx</code>
</p>
<div className="grid">
<a
href="https://modernjs.dev/guides/get-started/introduction.html"
target="_blank"
rel="noopener noreferrer"
className="card"
>
<h2>
Guide
<img
className="arrow-right"
src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
/>
</h2>
<p>Follow the guides to use all features of Modern.js.</p>
</a>
<a
href="https://modernjs.dev/tutorials/foundations/introduction.html"
target="_blank"
className="card"
rel="noreferrer"
>
<h2>
Tutorials
<img
className="arrow-right"
src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
/>
</h2>
<p>Learn to use Modern.js to create your first application.</p>
</a>
<a
href="https://modernjs.dev/configure/app/usage.html"
target="_blank"
className="card"
rel="noreferrer"
>
<h2>
Config
<img
className="arrow-right"
src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
/>
</h2>
<p>Find all configuration options provided by Modern.js.</p>
</a>
<a
href="https://github.com/web-infra-dev/modern.js"
target="_blank"
rel="noopener noreferrer"
className="card"
>
<h2>
Github
<img
className="arrow-right"
src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg"
/>
</h2>
<p>View the source code of Github, feel free to contribute.</p>
</a>
</div>
</main>
</div>
);
export default Index;