Angular Landing Page with Airtable Integration and Netlify Functions
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 I’ll show you how with Netlify cloud functions. In this tutorial we will...
View ArticleAngular Material Mobile App with Capacitor
Angular Material is an awesome library of Material Design components for Angular apps, and with its sidenav plus the help of Capacitor we can easily build a native mobile app from one codebase! In this...
View ArticleFrom React Web to Native Mobile App with Capacitor & Ionic
You can build a native mobile app from your React app without even using React Native. Sounds crazy? All of this is possible due to the advancements in web technology. Just like Electron claimed its...
View ArticleHow to Write Unit Tests for your Ionic Angular App
Did you ever wonder what the *.spec file that is automatically generated for your pages and services is useful for? Then this tutorial is exactly for you! The spec file inside your Angular project...
View ArticleHow to Secure your App with Ionic Identity Vault
If you are serious about your Ionic app development and want the most secure functionality when working with user data and APIs, you should take a closer look at Ionic Identity Vault. Ionic Identity...
View ArticleCelebrating 5 Years Ionic Academy
Exactly today the Ionic Academy started 5 years ago – and to kick off the anniversary celebration week I’m offering the initial monthly discount from 5 years ago again! Only until the end of March 2022...
View ArticleBuilding the YouTube UI with Ionic
We are once again building a popular UI with Ionic, and this time it’s the YouTube home video feed! View Demo You like to see popular apps built with Ionic? Check out my latest eBook Built with Ionic...
View ArticleBuilding an Ionic App with Firebase Authentication & File Upload using...
If you want a full blown cloud backend for your Ionic app, Firebase offers everything you need out of the box so you can setup your Ionic app with authentication and file upload in minutes! In this...
View ArticleHow to Setup Deep Links With Capacitor (iOS & Android)
Taking your users directly into your app with a universal link on iOS or App Link on Android is one of the easiest ways to open a specific app of your Ionic page, and becomes a super easy task with...
View ArticleHow to Build a Native App from Angular Projects with Capacitor
The popularity of Capacitor is constantly rising, and given the fact that you can turn basically any web project into a native mobile app with Capacitor is the simple reason for Capacitors fame. This...
View ArticleBuild Your First Ionic App with Firebase using AngularFire 7
Using Firebase as the backend for your Ionic apps is a great choice if you want to build a robust system with live data fast, and by using AngularFire you can use a simple wrapper around the official...
View ArticleThe Ionic Image Guide with Capacitor (Capture, Store & Upload)
Capturing, storing and uploading image files with Ionic is a crucial task inside many applications, even if it’s just a small avatar of a user. At the same time, the process to handle images and the...
View ArticleHow to use Native Google Maps with Capacitor and Ionic
If you want to use Google maps with Ionic, you can either go the easy route with the Web SDK or use the Capacitor wrapper to include native Google Maps right in your Ionic app. In this tutorial we will...
View ArticleHow to Build a Capacitor File Explorer with Ionic Angular
Working with the underlying filesystem on iOS and Android has always been challenging given the differences in both platforms, but with Capacitor you can take a simple approach that works for all...
View ArticleBuilding a Gmail Swipe to Delete Gesture & Animated FAB with Ionic Angular
We have previously created a basic Gmail clone with Ionic, but there are certain UI and especially UX elements missing that make the original app look so amazing. In this tutorial we will implement an...
View ArticleBuilding a Gmail Clone with Ionic & Angular
In this new part of the Built with Ionic series we will explore the concepts used in the popular Gmail application to build a somewhat similar clone with Ionic based on dummy JSON data. Today we will...
View ArticleIonic E2E Tests with Cypress.io
Since the Ioniconf 2020, Cypress caught my attention as a better E2E testing framework instead of Protractor for our Angular Ionic apps, and we’ll see why in this tutorial. With Angular v12, Portractir...
View ArticleHow to Cache API Responses with Ionic & Capacitor
If you don’t need the latest data and speed up loading times, a decent way to improve your performance is to cache API responses – and you can do it right away with some simple logic! In this tutorial...
View ArticleUploading Files to Supabase with Ionic using Capacitor
When you work with a cloud backend like Firebase or Supabase, you sometimes need to host files as well – and the actual database is usually not the best place. In this tutorial we will build an Ionic...
View ArticleBuilding a Deliveroo Food Ordering UI with Ionic
Building complex UIs with Ionic can be challenging, so today we will tackle another big app and build an epic food ordering application design with Ionic Angular together! There are several apps like...
View Article