🔍 SSG/SSR software feature comparison

[mohsenkhanpour]

Framework	Aleph.js	Next.js/Nuxt.js	Gatsby.js/Gridsome	Sapper	eleventy
Templating	Alef/React/Preact/Markdown	React/Vue	React/Preact/Vue	Svelte	HTML/Markdown/JavaScript/Liquid/Nunjucks/Handlebars/Mustache/EJS/Haml/Pug/Vue/React
Assets directory	public	public	static	static	Passthrough File Copy
Distribution directory	dist	.next	public	public	_site
Plugin ecosystem	Yes	Yes	Yes	No	Yes
Routing	pages/APIs	pages	pages	pages/routes	Imperative API
Image optimization	?	next/image	gatsby-image gatsby-plugin-sharp	?	eleventy-img
Data Sourcing	useDeno/APIs	getServerSideProps/ getStaticProps	GraphQL	custom express like server	Data API
Serverless functions ready	Yes	Yes	Through plugins	?	?
Modules	ES Modules	CommonJS/ES Modules	CommonJS/ES Modules	CommonJS	CommonJS
Compiler	SWC	Babel	Babel	Babel	None
Bundle	?	Webpack	Webpack	Webpack/Rollup	None
Service Worker	?	next-pwa	gatsby-plugin-offline	built-in	eleventy-plugin-pwa
Incremental builds	?	server-side caching	Exclusive to Gatsby Cloud	No	Planned
Preload links	Anchor / a tag	Link component	Link component	rel=prefetch attribute to normal HTML a tag	?
PWA	Planned	next-pwa	gatsby-plugin-manifest	?	eleventy-plugin-pwa
AMP	Planned	next/amp	gatsby-plugin-amp	?	@ampproject/eleventy-plugin-amp

A comparison of SSG/SSR frameworks, it can be useful to compare all features in one place.
Add any feature you think it is not added here, when the table is complete it can be used as a markdown file for reference on how to migrate from other frameworks to Aleph.js/Deno.

[ije]

this sheet is vary clear and useful, thanks @mohsenkhanpour

[ije]

i pined this issue, let's keep updating, thanks!

[shadowtime2000]

Doesn't Aleph already have a Link preloading component?

[ije]

yes, we have Link reloading when mouse over or specify preload prop.

[mohsenkhanpour]

Added Link component, PWA, AMP

[soilSpoon]

Next.js optimizes the image using next/image.

[mohsenkhanpour]

Thanks @soilSpoon , I added it to the table.

[ije]

thanks @soilSpoon

[alecandido]

If I'm not making a mistake the former Link component is now named Anchor.

Since it is not present in the docs (and the docs are even hard to explore, due to missing search function), if this is the case, could you update the table?

[hazae41]

Anchor is the internal name for <a/>

[alecandido]

Fine, if it's only <a/> then it's not Link. So where is the claimed Link?

If I take a very old commit it was top-level, but now there is nowhere a link.ts file.

[hazae41]

It has been removed in favor of Anchor, but you can't use it directly, it's the smart transform (#5) of <a/>

[mohsenkhanpour]

I updated the table!

[mohsenkhanpour]

Closing since this is not really an issue.
Follow the discussion here:
#426