Need advice about which tool to choose?Ask the StackShare community!

Next.js

4.2K
3.9K
+ 1
305
Onsen UI

42
133
+ 1
11
Add tool

Next.js vs Onsen UI: What are the differences?

Next.js: A small framework for server-rendered universal JavaScript apps *. Next.js is a minimalistic framework for server-rendered React applications; *Onsen UI:** HTML5 Hybrid Mobile App UI Framework - work with Angular, React, Vue, Meteor & pure JavaScript. Material & Flat design. Onsen UI helps you develop both hybrid and web apps. If developing hybrid apps, you can use it with the Cordova / PhoneGap command line, or with Monaca tools (CLI, Monaca IDE - cloud-based IDE for Cordova, Localkit - desktop GUI).

Next.js belongs to "Frameworks (Full Stack)" category of the tech stack, while Onsen UI can be primarily classified under "Cross-Platform Mobile Development".

Some of the features offered by Next.js are:

  • Zero setup. Use the filesystem as an API
  • Only JavaScript. Everything is a function
  • Automatic server rendering and code splitting

On the other hand, Onsen UI provides the following key features:

  • Open source HTML5 hybrid app framework for PhoneGap & Cordova
  • JavaScript framework agnostic
  • Mobile-optimized HTML5, CSS and JavaScript with Web components

Next.js and Onsen UI are both open source tools. It seems that Next.js with 38.2K GitHub stars and 4.6K forks on GitHub has more adoption than Onsen UI with 7.47K GitHub stars and 866 GitHub forks.

Decisions about Next.js and Onsen UI
Lucas Litton
Founder & CEO at Macombey · | 13 upvotes · 433.3K views

Next.js is probably the most enjoyable React framework our team could have picked. The development is an extremely smooth process, the file structure is beautiful and organized, and the speed is no joke. Our work with Next.js comes out much faster than if it was built on pure React or frameworks alike. We were previously developing all of our projects in Meteor before making the switch. We left Meteor due to the slow compiler and website speed. We deploy all of our Next.js projects on Vercel.

See more

Hey guys,

My backend set up is Prisma / GraphQL-Yoga at the moment, and I love it. It's so intuitive to learn and is really neat on the frontend too, however, there were a few gotchas when I was learning! Especially around understanding how it all pieces together (the stack). There isn't a great deal of information out there on exactly how to put into production my set up, which is a backend set up on a Digital Ocean droplet with Prisma/GraphQL Yoga in a Docker Container using Next & Apollo Client on the frontend somewhere else. It's such a niche subject, so I bet only a few hundred people have got a website with this stack in production. Anyway, I wrote a blog post to help those who might need help understanding it. Here it is, hope it helps!

See more
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Next.js
Pros of Onsen UI
  • 46
    Automatic server rendering and code splitting
  • 39
    Built with React
  • 33
    Easy setup
  • 24
    Universal JavaScript
  • 23
    TypeScript
  • 22
    Zero setup
  • 19
    Static site generator
  • 12
    Incremental static regeneration
  • 12
    Simple deployment
  • 11
    Just JavaScript
  • 10
    Filesystem as an API
  • 10
    Frictionless development
  • 8
    Has many examples and integrations
  • 8
    Well Documented
  • 8
    Everything is a function
  • 8
    Testing
  • 7
    Isomorphic React applications
  • 3
    File based routing + hooks built in
  • 2
    Deployment
  • 3
    Hybrid mobile
  • 3
    Works with any JavaScript framework
  • 3
    Allows for rapid prototyping
  • 2
    Free

Sign up to add or upvote prosMake informed product decisions

Cons of Next.js
Cons of Onsen UI
  • 8
    Structure is weak compared to Angular(2+)
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    What is Next.js?

    Next.js is a minimalistic framework for server-rendered React applications.

    What is Onsen UI?

    Onsen UI helps you develop both hybrid and web apps. If developing hybrid apps, you can use it with the Cordova / PhoneGap command line, or with Monaca tools (CLI, Monaca IDE - cloud-based IDE for Cordova, Localkit - desktop GUI).

    Need advice about which tool to choose?Ask the StackShare community!

    What companies use Next.js?
    What companies use Onsen UI?
    See which teams inside your own company are using Next.js or Onsen UI.
    Sign up for StackShare EnterpriseLearn More

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Next.js?
    What tools integrate with Onsen UI?
      No integrations found

      Sign up to get full access to all the tool integrationsMake informed product decisions

      Blog Posts

      What are some alternatives to Next.js and Onsen UI?
      Create React App
      Create React apps with no build configuration.
      Gatsby
      Gatsby lets you build blazing fast sites with your data, whatever the source. Liberate your sites from legacy CMSs and fly into the future.
      Hexo
      Hexo is a fast, simple and powerful blog framework. It parses your posts with Markdown or other render engine and generates static files with the beautiful theme. All of these just take seconds.
      LoopBack
      A highly-extensible, open-source Node.js framework that enables you to create dynamic end-to-end REST APIs with little or no coding. Connect to multiple data sources, write business logic in Node.js, glue on top of your existing services and data, connect using JS, iOS & Android SDKs.
      React
      Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
      See all alternatives