www/index.html at main · sqlc-dev/www · 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
---
layout: base
---
<div class="relative bg-gray-50 overflow-hidden">
  <div class="relative pt-6 pb-12 sm:pb-16 md:pb-20 lg:pb-28 xl:pb-32">
    <main class="mt-10 mx-auto max-w-screen-xl px-4 sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 xl:mt-28">
      <div class="text-center">
        <h2 class="text-4xl tracking-tight leading-10 font-extrabold text-gray-900 sm:text-5xl sm:leading-none md:text-6xl">
          Compile SQL to type-safe code;</br>
          catch failures before they happen.
        </h2>
        <div class="prose prose-lg mt-3 max-w-md mx-auto text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
        </div>
        <div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
          <div class="rounded-md shadow">
            <a href="https://docs.sqlc.dev/en/stable/tutorials/getting-started.html" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo transition duration-150 ease-in-out md:py-4 md:text-lg md:px-10">
              Get started
            </a>
          </div>
        </div>
      </div>
    </main>
  </div>
</div>
<div class="relative md:flex px-8 py-16 bg-white overflow-hidden justify-center">
  <div class="relative px-8 py-6">
    <div class="text-lg max-w-prose mx-auto mb-6">
      <h1 class="mt-2 mb-8 text-3xl text-center leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">How it works</h1>
      <p class="text-xl text-gray-500 leading-8">
        sqlc generates fully type-safe idiomatic code from SQL.
      </p>
    </div>
    <div class="prose prose-lg text-gray-500 mx-auto">
      <ol>
        <li>You write SQL queries</li>
        <li>You run sqlc to generate code that presents type-safe interfaces to those queries</li>
        <li>You write application code calling the methods sqlc generated.</li>
      </ol>
      <p>
        Seriously, it's that easy. You don't have to write any boilerplate SQL querying code ever again. See the current list of <a href="https://docs.sqlc.dev/en/stable/reference/language-support.html">supported programming languages and databases</a>.
      </p>
    </div>
  </div>
</div>
<div class="bg-gray-50">
  <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
    <h2 class="text-3xl leading-9 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
      Ready to try it out?
      <br>
      <span class="text-indigo-600">Download the latest release now.</span>
    </h2>
    <div class="mt-8 flex lg:flex-shrink-0 lg:mt-0">
      <div class="ml-3 inline-flex rounded-md shadow">
        <a href="https://downloads.sqlc.dev/sqlc_1.31.1_linux_amd64.zip" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-indigo-600 bg-white hover:text-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
          Linux
        </a>
      </div>
      <div class="ml-3 inline-flex rounded-md shadow">
        <a href="https://downloads.sqlc.dev/sqlc_1.31.1_darwin_amd64.zip" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-indigo-600 bg-white hover:text-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
          macOS (AMD64)
        </a>
      </div>
      <div class="ml-3 inline-flex rounded-md shadow">
        <a href="https://downloads.sqlc.dev/sqlc_1.31.1_darwin_arm64.zip" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-indigo-600 bg-white hover:text-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
          macOS (ARM64)
        </a>
      </div>
      <div class="ml-3 inline-flex rounded-md shadow">
        <a href="https://downloads.sqlc.dev/sqlc_1.31.1_windows_amd64.zip" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-indigo-600 bg-white hover:text-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
          Windows
        </a>
      </div>
    </div>
  </div>
</div>
<div class="bg-white">
  <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
    <p class="text-center text-base leading-6 font-semibold uppercase text-gray-600 tracking-wider">
      Used by these lovely companies
    </p>
    <div class="mt-6 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-8">
      <div class="col-span-1 flex justify-center py-8 px-8 bg-gray-50">
        <a class="flex" rel="noopener" href="https://buf.build">
          <img class="self-center logo" src="/sponsors/buf.png" alt="Coder">
        </a>
      </div>
      <div class="col-span-1 flex justify-center py-8 px-8 bg-gray-50">
        <a class="flex" rel="noopener" href="https://cerbos.dev">
          <img class="self-center logo" src="/sponsors/cerbos.png" alt="Cerbos">
        </a>
      </div>
      <div class="col-span-1 flex justify-center py-8 px-8 bg-gray-50">
        <a class="flex" rel="noopener" href="https://coder.com">
          <img class="self-center logo" src="/sponsors/coder.png" alt="Coder">
        </a>
      </div>
      <div class="col-span-1 flex justify-center py-8 px-8 bg-gray-50">
        <a class="flex" rel="noopener" href="https://ngrok.com">
          <img class="self-center logo" src="/sponsors/ngrok.png" alt="ngrok">
        </a>
      </div>
      <div class="col-span-1 flex justify-center py-8 px-8 bg-gray-50">
        <a class="flex" rel="noopener" href="https://www.scaleway.com">
          <img class="self-center logo" src="/sponsors/scaleway.png" alt="Scaleway">
        </a>
      </div>
    </div>
  </div>
</div>
<div class="relative bg-gray-50 pt-16 pb-20 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">
  <div class="relative max-w-7xl mx-auto">
    <div class="text-center">
      <h2 class="text-3xl leading-9 tracking-tight font-extrabold text-gray-900 sm:text-4xl sm:leading-10">
        From the blog
      </h2>
    </div>
    <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
      {% for post in site.posts limit:3 %}
      <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
        <div class="flex-1 bg-white p-6 flex flex-col justify-between">
          <div class="flex-1">
            {% unless post.tags == empty %}
            <span class="inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium leading-5 bg-indigo-100 text-indigo-800">
              {{ post.tags[0] }}
            </span>
            {% endunless %}
            <a href="{{ post.url }}" class="block">
              <h3 class="mt-2 text-xl leading-7 font-semibold text-gray-900">
                {{ post.title }}
              </h3>
              <p class="text-sm leading-6 text-indigo-600 font-medium tracking-wide">
                {{ post.date | date: "%B %-d, %Y" }}
              </p>
              <p class="mt-3 text-base leading-6 text-gray-500">
                {{ post.excerpt }}
              </p>
            </a>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>