-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwhy_rino.html
172 lines (168 loc) · 6.22 KB
/
why_rino.html
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:[email protected]&family=Noto+Sans+Mono:[email protected]&display=swap"
rel="stylesheet"
/>
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script>
<script type="text/javascript" src="/scripts/common.js"></script>
<link rel="stylesheet" href="/styles/common.css" />
<meta
name="description"
content="Why choose Rino.js for building static website over React and Vue?"
/>
<meta name="og:title" content="Why Choose Rino.js for Your Website?" />
<meta
name="og:description"
content="Why choose Rino.js for building static website over React and Vue?"
/>
<meta name="og:site_name" content="Rino.js" />
<meta name="og:url" content="https://rino.opdev1004.com/why_rino" />
<meta
name="og:image"
content="https://rino.opdev1004.com/images/rino512.png"
/>
<title>Why Choose Rino.js for Your Website?</title>
</head>
<body>
<header>
<div class="header-content-wrapper">
<div>
<div>
<button id="sidebar-toggle" type="button" aria-label="Toggle Sidebar">
<ion-icon name="menu-outline"></ion-icon>
</button>
</div>
<img src="/images/rino32.png" width="32" height="32" alt="logo" />
<a href="/">Rino</a>
</div>
<div id="header-right">
<a href="/why_rino">Why Rino?</a>
<a href="/installation">Install</a>
<a href="/project_structure">Learn</a>
<a href="/donate">Donate</a>
</div>
</div>
</header>
<div class="content-container">
<div class="sidebar-wrapper" id="sidebar-wrapper">
<aside class="sidebar" id="sidebar">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/why_rino">Why Rino.js?</a></li>
<li><a href="/installation">Installation</a></li>
<li><a href="/commands">Commands</a></li>
<li><a href="/project_structure">Project Structure</a></li>
<li><a href="/syntax">Syntax</a></li>
<li><a href="/donate">Donate</a></li>
</ul>
</aside>
</div>
<main>
<h1>Why Choose Rino.js for Your Website?</h1>
<p>
Web app technology has revolutionized the way we build online
experiences, offering powerful tools and frameworks.
</p>
<p>
<b>However</b>, popular frameworks like Angular, React, Next.js, Vue,
and Nuxt often come with significant drawbacks. These include higher
costs for hosting, traffic management, and maintenance, as well as
slower build speeds and increased computing resource requirements.
</p>
<p>
Additionally, these technologies introduce their own complex rules and
learning curves. Developers must invest substantial time mastering
these frameworks, adapting to their updates, and maintaining
compatibility—all of which can slow down project completion.
</p>
<p>
This is where <b>Rino.js</b> shines. Built with simplicity in mind, it
leverages standard web technologies: HTML, CSS, and JavaScript, to
streamline development.
</p>
<p>
With Rino.js, you can easily create websites using HTML components,
integrate npm packages, and build libraries for JavaScript and CSS. It
also includes tools for sitemap generation and image compression.
</p>
<p>
Any developer familiar with basic HTML, CSS, and JavaScript can start
building with Rino.js in just 30 minutes. For a quick introduction,
check out the
<a href="/project_structure.html">Project Structure</a> guide.
</p>
<p>
Rino.js avoids unnecessary complexity. For instance, earlier versions
had a custom file format, but this was removed because simplicity is
key.
</p>
<p>
What’s even more impressive is that Rino.js is flexible. If you need
to, you can still integrate frameworks like React or Vue. Use them
only when necessary.
</p>
<p>
In conclusion, Rino.js offers an efficient alternative to heavy
frameworks like React, Next.js, Vue, and Nuxt. It’s a practical,
straightforward solution for your web development needs.
</p>
</main>
</div>
<footer class="footer">
<div class="footer-container">
<div class="footer-nav">
<h3>Quick Links</h3>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/why_rino">Why Rino.js?</a></li>
<li><a href="/installation">Installation</a></li>
<li><a href="/commands">Commands</a></li>
<li><a href="/project_structure">Project Structure</a></li>
<li><a href="/syntax">Syntax</a></li>
<li><a href="/donate">Donate</a></li>
</ul>
</div>
<div class="footer-nav">
<h3>Language</h3>
<ul>
<li><a href="/">English</a></li>
<li><a href="/ko/">한국어</a></li>
<li><a href="/ja/">日本語</a></li>
</ul>
</div>
<div class="footer-social">
<h3></h3>
<div class="social-icons">
<a href="https://github.com/rinojs" aria-label="GitHub" target="_blank">
<ion-icon name="logo-github"></ion-icon>
</a>
<a href="https://npmjs.com/package/rinojs" aria-label="NPM" target="_blank"><ion-icon name="logo-npm"></ion-icon></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>Rino.js is Free, MIT licensed opensource project</p>
<br />
<p>© 2024 Victor Chanil Park (opdev1004)</p>
</div>
</footer>
</body>
</html>