This is an automated email from the ASF dual-hosted git repository.
ako pushed a commit to branch new-web
in repository https://gitbox.apache.org/repos/asf/age-website.git
The following commit(s) were added to refs/heads/new-web by this push:
new c7bf008f Update new-web branch (#255)
c7bf008f is described below
commit c7bf008f352931229e4d093f27df5d4b7e0ac1af
Author: dpdjvhxm <[email protected]>
AuthorDate: Tue Mar 12 20:51:31 2024 +0900
Update new-web branch (#255)
* Update index.md
* Update index.md
* Update gatsby-config.js
* Update package.json
* Add files via upload
* Add files via upload
* Add files via upload
* Update Navbar.js
* Update Footer
Update Download version and file link
Update Landing Page (News & Events)
* Update Landing page: Comparison
---
src/templates/index-page.js | 53 ++++++++++++++++++++++++++++++++++
src/templates/styles/index.module.scss | 3 +-
2 files changed, 55 insertions(+), 1 deletion(-)
diff --git a/src/templates/index-page.js b/src/templates/index-page.js
index 0e577c09..6c414f63 100644
--- a/src/templates/index-page.js
+++ b/src/templates/index-page.js
@@ -92,6 +92,13 @@ export const IndexPageTemplate = ({
</div>
</div>
+ <div><br></br></div>
+ <div><br></br></div>
+ <div><br></br></div>
+ <div><br></br></div>
+ <div><br></br></div>
+ <div><br></br></div>
+
{/* 메인화면: 유튜브 영상
<section className={styles.videos}>
<div className={styles.content}>
@@ -109,6 +116,52 @@ export const IndexPageTemplate = ({
</section>
*/ }
+ <section>
+ <div className={styles.card}>
+
+ <div className={styles.content}>
+ <h2>Comparison of Apache AGE, PostGraphile, and
Hasura</h2><br></br><br></br>
+ <p>
+ <h3><b>◾ Apache AGE: Graph Database Extension for
PostgreSQL</b></h3>
+ Apache AGE extends PostgreSQL, transforming it into a graph
database.
+ This enables handling complex data relationships and graph
structures, supplemented by the power of Cypher queries for graph-specific
operations.<br></br><br></br>
+
+ <ul><b>Key Features:</b></ul>
+ <li>Graph & SQL Queries</li>
+ <li>Integration deeply with existing PostgreSQL features,
+ making it a robust and scalable solution for graph data
management without the need for external graph databases.</li>
+ <li>Ideal for applications that require complex data
relationship analysis,such as social networks, recommendation systems, and
knowledge graphs.</li>
+ <br></br><hr></hr><br></br>
+
+ <h3><b>◾ PostGraphile: GraphQL API from PostgreSQL
Schema</b></h3>
+ PostGraphile is a tool for building a GraphQL API on top of an
existing PostgreSQL schema.<br></br>
+ It's designed for efficiency in web development, allowing
real-time data access and manipulation through GraphQL
interface.<br></br><br></br>
+
+ <ul><b>Key Features:</b></ul>
+ <li>Automates the creation of GraphQL APIs from existing
PostgreSQL.</li>
+ <li>Offers subscriptions for real-time data updates.</li>
+ <li>Best suited for projects requiring quick development of
web or mobile backends with real-time data needs, but without complex graph
data management requirements.</li><br></br><hr></hr><br></br>
+
+ <h3><b>◾ Hasura: Real-Time GraphQL Engine for
PostgreSQL</b></h3>
+ Hasura is a GraphQL server engine that dynamically generates
real-time GraphQL APIs from a PostgreSQL database.<br></br>
+ It emphasizes performance and developer productivity, with an
easy setup process and tools for managing access and queries.<br></br><br></br>
+
+ <ul><b>Key Features:</b></ul>
+ <li>Provides a user-friendly interface for setting up and
managing GraphQL endpoints.</li>
+ <li>Optimized for performance, supporting high-volume
traffic.</li>
+ <li>Ideal for developers needing a fast, scalable GraphQL
layer over their PostgreSQL databases.</li>
+ <br></br><hr></hr><br></br>
+
+ <h3><b>◾ Conclusion</b></h3>
+ Apache AGE is ideal for sophisticated graph data tasks within
PostgreSQL.<br></br>
+ PostGraphile and Hasura excel in quick GraphQL API deployment
for example for web and mobile, complementing AGE's rich graph
features.<br></br>
+ </p>
+
+
+ </div>
+ </div>
+ </section>
+
<div className={styles.keyFeatures}>
<h2>Key Features</h2>
<div className={styles.keyFeaturesImgContainer}>
diff --git a/src/templates/styles/index.module.scss
b/src/templates/styles/index.module.scss
index bd2be320..1b90b817 100644
--- a/src/templates/styles/index.module.scss
+++ b/src/templates/styles/index.module.scss
@@ -140,6 +140,7 @@
> p {
text-align: center;
font-size: 1.25rem;
+ text-align: left;
color: $textColor;
margin-bottom: 1.75rem;
> a {
@@ -147,7 +148,7 @@
text-decoration: underline;
}
}
-
+
// youtube
.Youtube {
max-width: 73.75rem;
