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

Hanami

42
63
+ 1
25
Next.js

6.2K
4.6K
+ 1
322
Add tool

Hanami vs Next.js: What are the differences?

Hanami: Web framework for Ruby. Use the 100+ features that we offer to build powerful products without compromising memory. Hanami consumes 60% less memory than other full-featured Ruby frameworks; Next.js: *A small framework for server-rendered universal JavaScript apps *. Next.js is a minimalistic framework for server-rendered React applications.

Hanami and Next.js belong to "Frameworks (Full Stack)" category of the tech stack.

"A light, fast, and very well documented web framework" is the primary reason why developers consider Hanami over the competitors, whereas "Automatic server rendering and code splitting" was stated as the key factor in picking Next.js.

Hanami and Next.js are both open source tools. It seems that Next.js with 38.7K GitHub stars and 4.69K forks on GitHub has more adoption than Hanami with 5.01K GitHub stars and 476 GitHub forks.

Decisions about Hanami and Next.js

We choose Next.js for our React framework because it's very minimal and has a very organized file structure. Also, it offers key features like zero setups, automatic server rendering and code splitting, typescript support. Our app requires some loading time to process the video, server-side rendering will allow our website to display faster than client-side rending.

See more

We’re a new startup so we need to be able to deliver quick changes as we find our product market fit. We’ve also got to ensure that we’re moving money safely, and keeping perfect records. The technologies we’ve chosen mix mature but well maintained frameworks like Django, with modern web-first and api-first front ends like GraphQL, NextJS, and Chakra. We use a little Golang sparingly in our backend to ensure that when we interact with financial services, we do so with statically compiled, strongly typed, and strictly limited and reviewed code.

You can read all about it in our linked blog post.

See more
Lucas Litton
Founder & CEO at Macombey · | 13 upvotes · 545.6K 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 Hanami
Pros of Next.js
  • 8
    A light, fast, and very well documented web framework
  • 6
    Amazing ideas
  • 5
    Not Javascript
  • 3
    Ruby
  • 2
    Inspired in the clean architecture
  • 1
    Well-defined business logic layer
  • 49
    Automatic server rendering and code splitting
  • 43
    Built with React
  • 33
    Easy setup
  • 26
    TypeScript
  • 24
    Universal JavaScript
  • 22
    Zero setup
  • 21
    Static site generator
  • 12
    Simple deployment
  • 12
    Just JavaScript
  • 12
    Incremental static regeneration
  • 10
    Filesystem as an API
  • 10
    Frictionless development
  • 9
    Everything is a function
  • 9
    Well Documented
  • 8
    Has many examples and integrations
  • 8
    Testing
  • 7
    Isomorphic React applications
  • 4
    File based routing + hooks built in
  • 2
    Deployment
  • 1
    SEO

Sign up to add or upvote prosMake informed product decisions

Cons of Hanami
Cons of Next.js
  • 0
    No job
  • 9
    Structure is weak compared to Angular(2+)

Sign up to add or upvote consMake informed product decisions

What is Hanami?

Use the 100+ features that we offer to build powerful products without compromising memory. Hanami consumes 60% less memory than other full-featured Ruby frameworks.

What is Next.js?

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

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

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

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

What tools integrate with Hanami?
What tools integrate with Next.js?

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

Blog Posts

What are some alternatives to Hanami and Next.js?
Rails
Rails is a web-application framework that includes everything needed to create database-backed web applications according to the Model-View-Controller (MVC) pattern.
Sinatra
Sinatra is a DSL for quickly creating web applications in Ruby with minimal effort.
Node.js
Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
Django
Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design.
ASP.NET
.NET is a developer platform made up of tools, programming languages, and libraries for building many different types of applications.
See all alternatives