App Generator - Developer Tools
Tags: react, vue, tools, appseed
Published: 2019-07-25 11:14:34

---
title: App Generator - Developer Tools
published: true
description: How to build modern React, Vue and Full-stack apps without touching the code.  
cover_image: https://github.com/app-generator/static/blob/master/developer-tools/app-generator-fastestathlete-cover-article.jpg?raw=true
tags: react, vue, tools, appseed
---
Hello Coder, 

When I start a new project, I have a simple checklist that helps me to deliver faster. **The first thing** is to avoid reinventing the wheel and to pass it, I'm using boilerplate code written by me or by other developers. **The second item** on my checklist is to scan the market for new technologies I can use to be more productive. 

---

> Thank you! **Content provided by [App Generator](https://appseed.us)**.

---

Using an [app generator](https://appseed.us/app-generator), sometimes those two things from my checklist can be combined and delivered at once by a single tool. In my opinion, a good **app generator** should provide at least three things:

- A significant part of the source code for my app 
- The **boilerplate code** should be generated in modern technologies
- Stable and **tested source code**

This article presents a short-list with **app generators** that I've used in my projects or tools that look very promising but they aren't production-ready yet. Thank you for reading!

--- 

## [TeleportHQ](https://teleporthq.io/?ref=appseed) app generator

[TeleportHQ](https://teleporthq.io/?ref=appseed) is a platform and a suite of open-source tools built for user interface professionals. It simplifies the process of creating, maintaining and publishing user interfaces for desktop and mobile devices. TeleportHQ uses AI to analyze the user's intentions and augments the final result with real-time optimizations.

![TeleportHQ App Generator - Gif animated intro.](https://raw.githubusercontent.com/app-generator/static/master/developer-tools/app-generator-teleporthq-intro.gif)

> TeleportHQ links

 - [TeleportHQ](https://teleporthq.io/?ref=appseed) official website
 - TeleportHQ [Real-Time Code Generation](https://www.youtube.com/watch?v=ZD8Cnzc6KlY) video sample

---

## [GatsbyJS](https://www.gatsbyjs.org/) [app generator](https://en.wikipedia.org/wiki/Automatic_programming#Source_code_generation)

[GatsbyJS](https://www.gatsbyjs.org/) is a free and open-source **app generator** based on React that helps developers build blazing-fast websites and apps. This generator uses [GraphQL](https://graphql.org/) to read information from various sources (headless CMSs, Markdown, YAML files) and translate all that content in blazing-fast apps. Maybe is not relevant, but all my blogs are powered by GatsbyJS.  

![GatsbyJS App Generator - Gif animated intro.](https://github.com/app-generator/static/blob/master/developer-tools/app-generator-gatsbyjs-intro.gif?raw=true)

### [GatsbyJS](https://www.gatsbyjs.org/) links 

 - [GatsbyJS](https://www.gatsbyjs.org/) - official website
 - [GatsbyJS source code](https://github.com/gatsbyjs/gatsby) - published on Github
 - [GatsbyJS starters](https://www.gatsbyjs.org/starters/?v=2) - open-source starters for allmost anything: landing pages, ecommerce apps, blogs.  

--- 

## [Nextjs](https://nextjs.org/) [app generator](https://en.wikipedia.org/wiki/Automatic_programming#Source_code_generation)

[Nextjs](https://nextjs.org/) is a React framework built by Zeit capable of generating SSR and JAMstack apps styled with CSS-in-JS. [Nextjs Documentation](https://nextjs.org/docs) is great but lacks on a single point: there are no official starters to play and test the technology. 

![Nextjs App Generator - Gif animated intro.](https://github.com/app-generator/static/blob/master/developer-tools/app-generator-nextjs-intro.gif?raw=true)

## [Nextjs](https://nextjs.org/) links

 - [Nextjs](https://nextjs.org/) the official website
 - [CSS-in-JS](https://github.com/zeit/styled-jsx) - the styling library used by the Framework
 - A short unofficial list with [Nextjs starters](https://codebushi.com/nextjs-website-starters/)

---

## [Gridsome](https://gridsome.org/) [app generator](https://en.wikipedia.org/wiki/Automatic_programming#Source_code_generation)

[Gridsome](https://gridsome.org/) in one sentence is GatsbyJS but for Vue. The whole product pattern is mirrored: information is read by GraphQL from various sources (YAML, headless CMS, Markdown) and injected into JAMstack apps ready to be deployed on Netlify, Zeit NOW and other modern platforms. 

![Gridsome App Generator - Gif animated intro.](https://github.com/app-generator/static/blob/master/developer-tools/app-generator-gridsome-intro.gif?raw=true)
    
### [Gridsome](https://gridsome.org/) links

 - [Gridsome](https://gridsome.org/) - official website
 - [Gridsome docs](https://gridsome.org/docs) 
 - [Gridsome starters](https://gridsome.org/starters)

---

## [Quasar](https://quasar.dev/) [app generator](https://en.wikipedia.org/wiki/Automatic_programming#Source_code_generation) 

[Quasar](https://quasar.dev/) is a high performance, Material Design 2, full front-end stack for Vue.js that provides a single code-base for all platforms simultaneously through Quasar CLI with all the latest and greatest best practices out of the box. 

![Quasar App Generator - Gif animated intro.](https://github.com/app-generator/static/blob/master/developer-tools/app-generator-quasar-intro.gif?raw=true)

### [Quasar](https://quasar.dev/) links

 - [Quasar](https://quasar.dev/) official website
 - [Quasar docs](https://quasar.dev/introduction-to-quasar)
 - [Quasar in the news](https://vuejs.org/v2/guide/ssr.html#Quasar-Framework-SSR-PWA)

---

## Full-Stack app generators 

### AppSeed [App Generator](https://appseed.us/app-generator)

I must say from the beginning this is my startup, witch encapsulate my whole R&D work for the last two years. The code generation process is split into two steps.  

 - Flat HTML themes are parsed and converted to various template engines: PUG, Jinja2, Blade using an interactive [HTML parser](https://dev.to/sm0ke/html-parser-developer-tools-5d85)
 - The HTML components and layouts are injected into simple Nodejs, Python and Php boilerplates already coded with authentication, ORM and database connectors. 
 
> Sample apps (MIT license): [Admin Dashboards](https://github.com/app-generator/admin-dashboards), [JAMstack](https://github.com/app-generator/jamstack), Full-Stack [Vue](https://github.com/app-generator/fullstack-express-vuejs-argon-design), [React](https://github.com/app-generator/fullstack-react-express-material-design)

![AppSeed App Generator - Gif animated intro.](https://github.com/app-generator/static/blob/master/developer-tools/app-generator-appseed-intro.gif?raw=true)

---
 
## App Generators & Related tools 

 - [Nuxt](https://nuxtjs.org/) - SPA, PWA app generator [Vue](https://vuejs.org/) Framework
 - [Flutter](https://flutter.dev/)


---

> This is an open list, feel free to suggest more or AMA in the comments. Thank you!