Listed here are the APIs for your use.
- Browse the APIs here and visit their documentation.
- Communicate with the API sponsors via their dedicated Discord channel.
- Deploy your apps with Netlify.
A cloud database with generous free plan and distributed ACID transactions for global data integrity. Get started easily and scale to worldwide success.
Stores transactional data like account balances, user profiles, social media content, shopping cart orders, etc.
Install with the netlify command line tool after you have linked your checkout to your app, by running netlify addons:create fauna
and you can access your database with environment variables like this:
const client = new faunadb.Client({
secret: process.env.FAUNADB_SERVER_SECRET
});
A common pattern with Single Page Apps is for the browser to query a cloud database directly. FaunaDB access control supports apps like this. A demo app using the Netlify Identity service and login widget to authenticate with FaunaDB is available here. Follow the eight steps in the README and you'll be ready to build your own app.
The FaunaDB Query API docs are a good reference.
For getting started with the data model, this tutorial is good. And when you log into fauna.com (not required to get started) you can learn more about the Fauna Shell and other tools here.
I'll walk through these steps live during the Hackathon keynote.
Coming soon.
Coming soon.
Formspree is a form backend that emails you when someone submits your forms. It’s the simplest way to add custom contact forms, order forms, or email capture forms to your JAMstack website. Once you connect your form to our endpoint we’ll email you the submissions. No PHP, Javascript or sign up required.
To use formspree with an existing HTML form you must:
- change the
action
of your form to point tohttps://formspree.io/<YOUR EMAIL>
- make sure the
method
isPOST
, and - give a
name
attribute to all yourinput
tags.
For example:
<form action="https://formspree.io/[email protected]" method="POST">
<input type="text" name="name">
<input type="email" name="_replyto">
<input type="submit" value="Send">
</form>
Try playing around with formspree in our sandbox at https://testformspree.com
Get a "contact us" form set up on your website!
Set up a serverless function to respond to a webhook each time a user submits the form, then fetch the content and use it to do something coool....
Using formspree is as easy as the API endpoint
instructions. Try playing around with formspree at https://testformspree.com.
You can have more control of how your forms are handled by formspree by adding special type="hidden"
inputs. See the docs below for a list of the special input names that you can use.
You can also find answers to common questions on our help site here:
Finally, we will be here in the discord #formspree-api
chat room to help you! Just look for the formspree logo.
We just launched an API beta. Check out the docs here: https://formspree.io/api.
We're continuing to add to those docs so check back occasionally. Also check out the Discord #formspree-api
room for updates.
Finally we're gonna offer coupons to people who want to test out our Gold / Platinum features (including APIs). Let us know in discord if you want free access.
Nothing yet, but maybe we'll have one of these posted soon...
Off-site participants that use Formspree will be eligible to win an Amazon Gift Card worth $200. If Amazon gift cards aren't available in your country we will work with you to come up with an equivalent prize.
Clarifai's API offers image and video recognition capabilities.
The API is built around a simple idea: you send inputs (an image or video) to the service and it returns predictions. The type of prediction is based on what model you choose. For example, if you run your input through the pre-trained 'food' model, the predictions it returns will contain concepts that the 'food' model knows about. If you run your input through the 'color' model, it will return predictions about the dominant colors in your image. The 'General' model covers a broad array of common concepts. A full list of models is available here: https://clarifai.com/models.
Use the Clarifai API if you want to add image understanding to your JAMstack app. Two common use cases are analyzing what is in an image and visual (image-based) search.
Clarifai can recognize over 10,000 concepts out-of-the-box with default settings ("General" model). You can also quickly train a model to recognize new concepts based on images you upload and label. You can see a complete list of pre-trained models you can use here: https://clarifai.com/models
We recommend using a client library to access the API (makes it easier). There are clients available for most languages, including JavaScript: https://clarifai.com/developer/reference/
- Get JSON results from Clarifai's "General" model for an image of your choice. (Hint: https://clarifai.com/developer/guide/predict#predict)
++ Train your model to recognize a new object or concept (using at least 10 images as labeled examples) (Hint: https://clarifai.com/developer/guide/train#train)
Developer Guide (start here): https://clarifai.com/developer/guide/ Technical Reference and Client Libraries: https://clarifai.com/developer/reference/ JavaScript API endpoint reference: https://sdk.clarifai.com/js/latest/index.html
4 minute Intro to Clarifai including an API demo with the Python client: https://youtu.be/YOrrROME2zc
1st place team: $500 cash
Hasura gives you instant, realtime GraphQL APIs for your JAMstack app. With one-click to deploy on Heroku's free tier, you can get started in less than a minute.
You don't need to know how to write a GraphQL schema, resolvers or learn how to use a database to get started! Head to the deployed app, create a table, and run CRUD + realtime with GraphQL :)
You can also use Hasura to trigger Lambda/Serverless functions such as Netlify Functions when an event happens on the database, for example, send an email when a new user is added.
You should use Hasura if your JAMstack app needs to CRUD data, needs a realtime API, or if you want to trigger webhooks on data changes.
Here are some examples of how you can use Hasura:
- CRUD operations with GraphQL (sample app)
- Building a realtime app (sample apps: chat, poll, location tracking)
- Sourcing the data for a gatsby site from a postgres database (sample app)
- Triggering browser-based notifications if some data changes (sample app)
Here are a few short videos to help you get started:
- Explore GraphQL queries, mutations and subscriptions with a realtime todo app (video coming soon)
- Send an email when a new user is created using Netlify functions (video coming soon)
- Integrate authentication/authorization with auth0 (video coming soon)
- Join the Hasura discord server. We're super active and someone from the team or the community will help out any time of the day if you have any questions!
- Tanmai will be hanging around at the hackathon if you're present offline! Do say Hi and ask him as many questions as you'd like:
Hasura docs are available at docs.hasura.io
.
Here are some quick links to get you started:
- Deployment guide on Heroku
- Making your first GraphQL query
- Creating tables and columns
- Querying data through GraphQL
- Modifying data using Mutations
- Getting realtime data using Subscriptions
- Create Gatsby sites using GraphQL and Postgres
- Example applications built using Hasura
- Trigger a Lambda function
To query data from frontend applications, you can use the Apollo Client. Here are some popular clients:
Coming soon.
Pilon is an e-commerce platform designed and built from the ground up for the JAMstack world.
Our collection of lightweight, API-first, commerce micro-services enable you to quickly build and test innovative commerce experiences that your customers will love. Use Pilon’s pre-built components to make your store whatever you want it to be while still having the flexibility to change it any time you want.
We're opening our beta platform to hackathon participants and we'll be there hacking on Pilon while you're hacking on your projects.
E-commerce stuff.
Use Pilon to add any of these elements to your project:
- Customer Auth
- Product Catalog / CMS
- Cart + Checkout
- Taking Orders Online
REST
GraphQL
Sell something. Use Pilon's new GraphQL API + Gatsby to build a super fast, super easy, super sweet commerce experience.
To get inspired, checkout how fast an e-commerce site can be when its built with Gatsby and a GraphQL API.
Pilon's main documentation can be accessed at:
Pilon's API docs are here:
An example project using our REST API can found on GitHub here:
We'll be at a table at the hackathon to provide lots of support and help. Hit up Garth at our table or in the Pilon channel on Discord.
We'll be there hacking with you the whole time.
Top team using Pilon will receive $150 cash prize.
- Top 3 Teams
- 3rd place: $200 cash prize
- 2nd place: $300 cash prize
- 1st place: $500 cash prize