Nuxt and Scully are both open source static site generators written in JavaScript, but that's where the similarities end. See the full comparison of Nuxt and Scully.
| Property | Nuxt | Scully |
|---|---|---|
| Language | JavaScript | JavaScript |
| Templates | Vue | Angular |
| License | MIT | MIT |
An easy way to export your Vue.js Web Application into a static website.
Write your content in Vue files only. No configuration is needed, just write your Application with Vue.js components.
If you want to write you content in markdown files, its super easy with the vue markdown filter
You can extend your Application, Blog or Website with some packages on the NPM ecosystem.
Nuxt will help you generate and deploy a Vue.js Web Application faster than before.
Vue SSR is used to generate pages for both client and server; It's called Isomorphic/ Universal rendering.
Then you can run nuxt generate to generate your static website into a ./dist forlder and deploy it everywhere:
Netlify, Githup pages, Gitlab, AWS3, etc.
Creating a website based on Nuxt only takes a minute. Quick introduction of Nuxt : 1 minute
The best way to build the fastest Angular apps. Scully is a static site generator for Angular projects looking to embrace the JAMStack.
Scully pre-renders each page in your app to plain HTML & CSS. To do this, Scully uses machine learning techniques to find all of the routes in your project. Scully then visits each route, rendering the view and saving it to an HTML file.
You can then ship all of those HTML files to production. Each view in your app can now be delivered to your users in just a few KBs, as opposed to the hundreds/thousands of KBs require to download your entire Angular app.
Your app appears INSTANTLY on any device (including mobile 3G).
Once the fully-rendered HTML arrives/appears on the user's view, your Angular app will them load and bootstrap ontop of the existing view. This means that Scully gives you the best of both worlds:
When your app is pre-rendered, users no longer wait until all the JavaScript has downloaded, parsed and executed before they can see and interact with your website. They can immediately begin to see and interact with the page. When your page is IMMEDIATELY available, you will have less abandoned sessions and a much higher conversion rate on our website.
This also means that may not need to ship your backend to production. Because the view is pre-rendered and the data is fetched at build time, all views that can run without the backend in prod CAN run without the backend in prod. The security an cost implications to that fact can be mind blowing when you think about them.
For those wanting to know more about this process, please read the Getting Started guide. For those who want to know more about the theory behind pre-rendering JavaScript SPAs, our friends at Netlify wrote a free book about the JAMStack. Check that out today.