ionicthemes / ionic5-starter-app-tutorial

Free Ionic Starter Template - Ionic 5 example app. Learn how to start using Ionic 5 to create a simple app with lists, forms and navigation and more!.

Ionic 5 FREE Starter Tutorial

Enjoy this free ionic 5 starter app showcasing some of the new features from Ionic 5

About this ionic demo

This repo is the code of an Ionic 5 starter app that we created as part of the post: What's new in Ionic 5 - Migration and Free Starter. In this post we explain how to take advantage of the new benefits from Ionic 5. We also describe the main changes and show you how to migrate your applications from Ionic 4 to Ionic 5.

Ionic CRUD Starter

This repo is a Contacts CRUD ionic 5 starter app. This demo app includes some of the new Ionic 5 features such as swipeable modals, collapsible headers, segments, animations, as well as, lists, reactive forms, and navigation examples.

Find more Ionic tutorials and starter apps in https://ionicthemes.com

Demo

• Online demo
• Video preview

Install this Ionic 5 Free Starter App

npm install

Browse Ionic 5 app

ionic serve

Get a premium Ionic 5 Starter App

Did you know that we recently released Ionic 5 Full Starter App PRO? With more than 100 carefully designed views and components, it will help you grasp best practices and the new concepts of Ionic 5 development.

It is also a PWA and has a score of 100 in lighthouse. Try it both as a native app or as a full PWA on your mobile browser and save yourself hundreds of hours of design and development.

ionic5-starter-app-tutorial's Issues

An unhandled exception occurred: Worker terminated due to reaching memory limit: JS heap out of memory

anyone else run into this issue?

$ ionic cordova build ios --prod --optimizejs --minifycss --minifyjs --verbose
....
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression.left.object Identifier: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression.left.property Identifier: enter
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression.left.property Identifier: Recursing into...
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression.left.property Identifier: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression.left MemberExpression: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression.right Identifier: enter
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression.right Identifier: Recursing into...
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression.right Identifier: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0].expression AssignmentExpression: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate.body[0] ExpressionStatement: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0].alternate BlockStatement: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[0] IfStatement: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[1] ReturnStatement: enter
2022-11-28T00:10:50.409Z babel program.body[null].body.body[1] ReturnStatement: Recursing into...
2022-11-28T00:10:50.409Z babel program.body[null].body.body[1].argument Identifier: enter
2022-11-28T00:10:50.409Z babel program.body[null].body.body[1].argument Identifier: Recursing into...
2022-11-28T00:10:50.409Z babel program.body[null].body.body[1].argument Identifier: exit
2022-11-28T00:10:50.409Z babel program.body[null].body.body[1] ReturnStatement: exit
2022-11-28T00:10:50.409Z babel program.body[null].body BlockStatement: exit
An unhandled exception occurred: Worker terminated due to reaching memory limit: JS heap out of memory
See "/private/var/folders/bn/53tkc2vn1ks58yl0ljl2sy2r0000gn/T/ng-E27el8/angular-errors.log" for further details.
[ERROR] An error occurred while running subprocess ng.