The Official Ionic Blog

Build amazing native and progressive web apps with HTML5

2016 was a huge year for Ionic. We’ve posted a 2016 recap with some fun numbers and stats on our Medium blog. We hope you take a look, and here’s to a huge 2017!

Thanks to everyone in the Ionic community for making this dream a reality.


This post was co-authored by Sean Senior and Leo Drakopoulos, AWS Solutions Architects.

We’ve got a new solutions brief for building serverless mobile backend solutions on AWS and a step-by-step walkthrough for implementing this pattern, using the Ionic Framework on AWS Answers. Like other solutions on AWS Answers, this solution was built by AWS Solutions Architects and incorporates best practices for deploying scalable backend services for mobile applications by leveraging AWS managed services.
Read more…


ionic-super-starter-banner-2

When we launched Ionic 1, we provided a set of basic templates that helped developers get up and running with common mobile app layouts, such as tabs and side menu.

While Ionic developers enjoyed these templates, in many cases we felt like we weren’t doing enough to share best practices or to help developers get started faster with pre-built pages for common mobile UI designs.

Today we are releasing the first test version of the Ionic Super Starter, a starter project for new Ionic 2.x apps that comes with over 14 ready to use page designs for common mobile designs like master detail, login/signup, settings, tutorials, and more.
Read more…


diesel-header

MobileCaddy is a Mobile Innovation Award-winning product company focused on helping mobile app developers in the Salesforce ecosystem. Their primary product, also named MobileCaddy, allows Salesforce consultancies and partners to rapidly build next-generation offline-first hybrid applications, standardized on Ionic, with a toolset primarily built to support the Ionic framework.

“We’ve been using Ionic since Beta 3,” says Todd Halfpenny, Mobile Technical Architect at MobileCaddy. “We had tried other libraries and frameworks, but nothing compared to the speed of development through the Ionic directives. Things like collection-repeat gave the apps a true performance advantage.”

When global fashion brand Diesel, a Salesforce client, reached the limitations of their Salesforce1 pre-packaged mobile app, Diesel leadership realized they needed an app that was robust enough to deliver on the needs of their workforce, with a more intuitive UX. MobileCaddy built a new Diesel mobile app using Ionic in six weeks, then developed a further three versions based on newly identified needs over the next few months thanks to the solution’s built-in versioning capability.

The resulting app helps Diesel’s merchandising team report on and analyze each store’s and and product’s performance during store visits and identify new ways to positively represent the Diesel brand.
Read more…


ionic-2-twitter-devdactic

Simon Reimler is a Software Developer helping mobile developers through online courses, books and consulting. Simon writes about Ionic frequently on his blog Devdactic. He also just released a book called Ionic 2: From Zero to App Store.

It’s been some time since the first version of this post (actually it was February 2015), but today we can finally move to the next level with Ionic 2.

In this tutorial, we will develop a simple Twitter app with Ionic 2, in which a user can login with his stored Twitter account and read out his own timeline. Additionally, we will be able to send out tweets directly from our app.
Read more…


Scott Bolinger, the co-founder of AppPresser, has been working with mobile WordPress design and development for years. He is passionate about using WordPress in new, exciting ways and about transforming WordPress into a mobile app development platform.

Ionic and WordPress have always gone well together. Ionic’s CEO, Max Lynch, has even called Ionic “WordPress for mobile“.

WordPress makes it easy to build all kinds of websites, and Ionic makes it easy to build all kinds of mobile apps. Over 27% of the entire web is now WordPress sites, making WordPress the most popular website software by far. Ionic powers thousands of apps and is the gold standard of hybrid app development. Bringing these two technologies together is a match made in heaven.

With the final release of Ionic 2, as well as the REST API being included in WordPress core, it’s getting even easier to integrate WordPress into mobile apps.

At AppPresser, we’ve been building mobile apps with WordPress since Ionic 1 was in Alpha and the WP-API didn’t even exist. We built lots of apps with Ionic and WordPress, and we recently completely rebuilt our platform to utilize Ionic 2. We’ve learned a ton along the way, and I’m excited to share some of it with you.

How to Integrate WordPress and Ionic 2

There are a couple of different ways to get WordPress into your app, using the WP-API and iframes. Let’s look at each of these a little closer.
Read more…


Built with Ionic: National Museum of African American History and Culture

The National Museum of African American History and Culture opened September 24, 2016, with a three-day festival entitled “Freedom Sounds: A Community Celebration,” that featured dedication speeches from U.S. Representative John Lewis and President Barack Obama. The museum is currently home to over 37,000 artifacts, including a pair of Muhammad Ali’s boxing gloves and a book of hymns owned by Harriet Tubman. Prospective visitors awaiting a trip to Washington, D.C. to visit the museum, as well as current museumgoers, can check out the collection via the museum’s mobile app, built with Ionic 2 by D.C.-based development firm Clearly Innovative.

“We are a small digital agency and always looking for technologies that we can utilize to our advantage to provide a great value proposition to our clients,” says Clearly Innovative founder and CEO Aaron Saunders, who has been using Ionic since 2014. “Our hope is that value will give us a competitive advantage when going after work.”
Read more…


Hey Ionites,

It’s no secret that the Ionic team has built a lot of products and services over the last few years. Some were only meant to be curious experiments, and some are major product efforts. Our Discover Ionic page is an almost comical testament to the prolific nature of the team.

Over the last few months, we’ve been doing a lot of soul searching at Ionic to figure out where we can best spend our energy. One thing has been made clear that we haven’t always focused hard enough on the things we are uniquely good at, and where we can provide the best value to the world.

Today, we’re making some changes to help our team focus on what we do best: making amazing open source mobile development software, and backend services that power them.
Read more…


We’ve been talking a lot about Progressive Web Apps—web apps built using modern standardized web APIs like service workers, web manifest, and web push, that provide an app-like experience delivered through the browser. Maybe you’ve built a few yourself by now. Progressive Web Apps have certain important advantages over native apps, especially for the next billion users who will come online in the near future. Let’s talk about those advantages and why they’re crucial to those users’ mobile experience.
Read more…


Ionic 2 and Meteor

Uri Goldshtein is a software developer at Meteor Development Group and frequently writes about Ionic on Meteor’s blog.

A little over a year ago, I released the WhatsApp clone tutorial with Angular, Ionic, and Meteor.

A year has passed, and a lot has happened—Angular 2.0 became stable, Ionic 2.0 entered its RC stage, and Meteor just released 1.4.2 with many improvements (fast build times, full npm and yarn support, Node 4.6.1 and MongoDB 3 by default, GraphQL, and more Databases supported with Apollo).

We’ve been hard at work on a complete integration of Angular 2.0, Meteor, and Ionic.

Each platform has its own CLI and build process solutions, so we made it possible for you to choose your favorite.

Today, I’m happy to announce that we are releasing two new versions of the Ionic/Meteor WhatsApp tutorial, this time with Angular 2.0 and Ionic 2.0, one using the Ionic CLI and one using the Meteor CLI.

Check them out here.

In these tutorials, we’ll create a full WhatsApp clone using Angular 2 and Ionic 2. We’ll use Meteor’s real-time collections for the chat and Meteor’s simple Authentication packages for SMS-based authentication.

It’s great to see the power of these two solutions working together, keeping the platforms up-to-date with the latest improvements in the JavaScript ecosystem!


Ionic Blog RSS Feed