snowclone-base.github.io/index.html at main · snowclone-base/snowclone-base.github.io · GitHub

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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!doctype html>
<html lang=en-us>

<head>
  <meta charset=utf-8>
  <meta http-equiv=x-ua-compatible content="ie=edge">
  <meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <link rel=stylesheet type=text/css href=styles/asciinema-player.css>
  <link rel=stylesheet href=styles/snowclone.css>
  <noscript>
    <style>
      img.lazyload {
        display: none
      }
    </style>
  </noscript>
  <meta name=robots content="index, follow">
  <meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
  <meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
  <title>Snowclone - Open Source Backend as a Service</title>
  <link rel=icon href="images/snowclone-favicon.ico" sizes="any">
  <meta name=description content="Snowclone is an open source backend as a service provider.">
  <meta property="og:locale" content="en_US">
  <meta property="og:type" content="website">
  <meta property="og:title" content="Backend as a Service with real-time.">
  <meta property="og:description" content="Snowclone is a Backend as a Service with real-time functionality.">
  <meta property="og:site_name" content="Snowclone">
  <meta name=theme-color content="#fff">
</head>

<body class=home>
  <div class=sticky-top>
    <header class="navbar navbar-expand-lg navbar-light doks-navbar">
      <nav class="container-xxl flex-wrap flex-lg-nowrap" aria-label="Main navigation">
        <a class="navbar-brand order-0 mb-2" href="" aria-label=Snowclone>
          <img class=logo-light src=images/snowclone-full-logo.png width=200px style="padding-top: 11px;">
          <img class="logo-dark d-none" src=images/snowclone-full-logo.png width=200px style="padding-top: 11px;">
        </a>
        <button class="btn btn-menu order-2 d-block d-lg-none" type=button data-bs-toggle=offcanvas
          data-bs-target=#offcanvasDoks aria-controls=offcanvasDoks aria-label="Open main menu">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="feather feather-menu">
            <line x1="3" y1="12" x2="21" y2="12" />
            <line x1="3" y1="6" x2="21" y2="6" />
            <line x1="3" y1="18" x2="21" y2="18" />
          </svg>
        </button>
        <div class="offcanvas offcanvas-end border-0 py-lg-1" tabindex=-1 id=offcanvasDoks data-bs-backdrop=true
          aria-labelledby=offcanvasDoksLabel>
          <div class="offcanvas-header d-lg-none">
            <h2 class="h5 offcanvas-title ps-2" id=offcanvasDoksLabel>
              <a class=text-dark href="https://snowclone.xyz">Snowclone</a>
            </h2>
            <button type=button class="btn-close text-reset me-2" data-bs-dismiss=offcanvas
              aria-label="Close main menu"></button>
          </div>
          <div class="offcanvas-body p-4 p-lg-0">
            <div class="ms-auto">
              <ul class="nav flex-column flex-lg-row align-items-lg-center mt-2 mt-lg-0 ms-lg-2 me-lg-auto">
                <li class=nav-item>
                  <a class="nav-link ps-0 py-1" href=/casestudy/introduction>Case Study</a>
                </li>
                <li class=nav-item>
                  <a class="nav-link ps-0 py-1"
                    href="https://github.com/snowclone-base/snowclone?tab=readme-ov-file#readme">Documentation</a>
                </li>
                <li class=nav-item>
                  <a class="nav-link ps-0 py-1" href=/about>About Us</a>
                </li>
              </ul>
            </div>
            <hr class="text-black-50 my-4 d-lg-none">
            <hr class="text-black-50 my-4 d-lg-none">
            <ul class="nav flex-column flex-lg-row">
              <li class=nav-item>
                <a class="nav-link social-link" href=https://github.com/snowclone-base/snowclone>
                  <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none"
                    stroke="#f800c2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="feather feather-github" style="padding-bottom:10px">
                    <path
                      d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22" />
                  </svg>
                  <small class="ms-2 d-lg-none">GitHub</small>
                </a>
              </li>
            </ul>
            <hr class="text-black-50 my-4 d-lg-none">
          </div>
        </div>
      </nav>
    </header>
  </div>
  <div class="wrap container-xxl" role=document>
    <div class=content>
      <section class="section container-fluid">
        <div class="row justify-content-center">
          <div class="col-lg-12 text-center">
            <h1 class=mt-4>
              <span>From prototype to production</span><br>
              <span>Snowclone has your back</span>
            </h1>
          </div>
          <div class="col-lg-9 col-xl-8 text-center">
            <p class=lead>Snowclone is an open source secure backend-as-a-service.<br>
              Start your project with a Postgres database, authentication, instant APIs, and realtime subscriptions.</p>
            <a class="btn btn-primary btn-lg px-4 mt-2 mb-2" href=https://github.com/Team3-Counterpoint/snowclone
              role=button style="font-weight: bold">Start your project</a>
            <p class=meta>
              <a href="/casestudy/introduction">Read Case Study</a>
            </p>
          </div>
        </div>
      </section>
    </div>
  </div>
  <div class=pb-4>
    <section class="section section-sm">
      <div class=container>
        <div class="row justify-content-center text-left">
          <div class="col-lg-6 pt-4">
            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="#f800c2" class="bi bi-terminal"
              viewBox="0 0 16 16">
              <path
                d="M6 9a.5.5.0 01.5-.5h3a.5.5.0 010 1h-3A.5.5.0 016 9zM3.854 4.146a.5.5.0 10-.708.708L4.793 6.5 3.146 8.146a.5.5.0 10.708.708l2-2a.5.5.0 000-.708l-2-2z" />
              <path
                d="M2 1A2 2 0 000 3v10a2 2 0 002 2h12a2 2 0 002-2V3a2 2 0 00-2-2H2zm12 1a1 1 0 011 1v10a1 1 0 01-1 1H2a1 1 0 01-1-1V3a1 1 0 011-1h12z" />
            </svg>
            <h2 class=h2>Deploy your backend with a single command</h2>
            <p>Give us a SQL file and a frontend app, and we shall give you a backend with a single command.</p>
            <a href="https://github.com/snowclone-base/snowclone">Get Started</a>
          </div>
          <div class="col-lg-9 mt-4">
            <div id=player></div>
            <script src="scripts/asciinema-player.min.js"></script>
            <script>
              AsciinemaPlayer.create("images/655017.cast", document.getElementById("player"), {
                cols: 110,
                rows: 35,
                autoPlay: !0,
                loop: !0,
                speed: 16,
                theme: "nord"
              })
            </script>
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="pt-4 pb-4">
    <section class="section section-sm expand">
      <div class=container>
        <div class="row justify-content-center text-left">
          <div class="col-lg-6 pt-4">
            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="#f800c2" class="bi bi-columns-gap"
              viewBox="0 0 16 16">
              <path
                d="M6 1v3H1V1h5zM1 0A1 1 0 000 1v3a1 1 0 001 1h5a1 1 0 001-1V1A1 1 0 006 0H1zm14 12v3h-5v-3h5zm-5-1a1 1 0 00-1 1v3a1 1 0 001 1h5a1 1 0 001-1v-3a1 1 0 00-1-1h-5zM6 8v7H1V8h5zM1 7A1 1 0 000 8v7a1 1 0 001 1h5a1 1 0 001-1V8A1 1 0 006 7H1zm14-6v7h-5V1h5zm-5-1A1 1 0 009 1v7a1 1 0 001 1h5a1 1 0 001-1V1a1 1 0 00-1-1h-5z" />
            </svg>
            <h2 class=h2>Seamless integration with your AWS infrastructure</h2>
            <p>Snowclone can be hosted on any cloud services provider you choose, as long as it's AWS.</p>
            <a href="https://snowclone-base.github.io/casestudy/introduction/">Learn More</a>
          </div>
          <div class=col-lg-9>
            <img class="img-fluid" src="images/stylized-aws-diagram.png">
          </div>
        </div>
      </div>
    </section>
  </div>
  <div class="pt-4 pb-4">
    <section class="section section-sm">
      <div class=container>
        <div class="row justify-content-center text-left">
          <div class="col-lg-5 p-3">
            <img class=img-fluid src=images/pg-card.png>
          </div>
          <div class="col-lg-5 p-3">
            <img class=img-fluid src=images/realtime-card.png>
          </div>
          <div class="col-lg-5 p-3">
            <img class=img-fluid src=images/auth-card.png>
          </div>
        </div>
      </div>
    </section>
  </div>
  <footer class="footer text-muted">
    <div class=container-xxl>
      <div class=row>
        <div>
          <ul class=list-inline style="text-align: center">
            <li>
              <img src="../images/snowclone-icon.png" class="img-fluid" alt="Snowclone logo"
                style="width:56px;margin:8px">
            </li>
          </ul>
        </div>
        <div class="col-lg-8 order-first order-lg-last text-lg-end">
          <ul class=list-inline></ul>
        </div>
      </div>
    </div>
  </footer>
  <script src=scripts/bootstrap.js crossorigin=anonymous defer></script>
  <div class="d-flex fixed-bottom pb-4 pb-lg-5 pe-4 pe-lg-5">
    <a id=toTop href=# class="btn btn-outline-primary rounded-circle ms-auto p-2">
      <span class=visually-hidden>Top</span>
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
        stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
        class="feather feather-chevron-up">
        <polyline points="18 15 12 9 6 15" />
      </svg>
    </a>
  </div>
</body>

</html>