Angular landing page with Airtable integration and Netlify functions

Click for: original source

If you want to build a public landing page with Angular and email signup you likely don’t want to expose any secret keys, and author will show you how with Netlify cloud functions. By Simon Grimm.

In this tutorial we will connect a simple Airtable table as some sort of backend to store emails to our Angular landing page. We do this with the help of Netlify where we will both host our application and also deploy a cloud function!

In this tutorial you will find detailed steps explained for the following:

  • Creating an Airtable table
  • Creating the Angular project
  • Creating the Angular landing page
  • Adding a Netlify Cloud Function to the Angular project
  • Host our Angular app with Netlify
  • Adding Tailwind
  • Adding Meta tags
  • Teardown

To make this even more secure you could also make the cloud function only callable from your domain, but by preventing access to your key you’ve already taken the most important step to building a landing page with Angular. Good read!

[Read More]

Tags angular nodejs serverless app-development javascript