GithubHelp home page GithubHelp logo

mainawycliffe / scully Goto Github PK

View Code? Open in Web Editor NEW

This project forked from scullyio/scully

0.0 1.0 0.0 19.36 MB

The Static Site Generator for Angular apps

Home Page: https://scully.io/

License: MIT License

JavaScript 3.17% TypeScript 89.84% HTML 0.55% CSS 6.07% Dockerfile 0.38%

scully's Introduction

Scully

GitHub Gitter Commitizen friendly CLA assistant CI

The best way to build the fastest Angular apps. Scully is a static site generator for Angular projects looking to embrace the Jamstack.

What is Scully?

Scully pre-renders each page in your app to plain HTML & CSS. To do this, Scully uses guessjs 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 then load and bootstrap on top of the existing view. This means that Scully gives you the best of both worlds:

  1. The ability to pre-render your entire app to the most base form of HTML & CSS.
  2. The ability to still have a full powered SPA written in Angular.

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 your website.

This also means that you 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 and 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.

GET A HOLD OF US 24/7

The Scully core team wants to help you any time you need us. We don’t want you to get stuck without help. To make this possible, you have the following ways to get a hold of our team:

  1. The ScullyIO Gitter channel is available to the public, and you can chat questions to us in real time, one of the core team (or the community members) will be there to reply to it.

  2. Each Tuesday we have Office Hours at noon MDT. You can join the entire team and ask your questions.

  3. Our DMs are open on Twitter. Feel free to reach out to us on Twitter.

Core Team

Aaron Frost Sander Elias Jorge Cano Andres Villanueva
Aaron Frost Sander Elias Jorge Cano Andres Villanueva
aaronfrost SanderElias jorgeucano villanuevand

Created by

logo Hero Devs

HeroDevs. LLC

scully's People

Contributors

sanderelias avatar jorgeucano avatar alexscigalszky avatar villanuevand avatar geromegrignon avatar aaronfrost avatar jefiozie avatar guzmanpi avatar d-koppenhagen avatar ngdevelop-tech avatar dependabot[bot] avatar pjlamb12 avatar beeman avatar marcjulian avatar samvloeberghs avatar msacket avatar splaktar avatar layzeedk avatar willi84 avatar puku0x avatar kananlanginhooper avatar facurodriguez avatar bartduisters avatar cmgriffing avatar evolkmann avatar jerdam avatar jiverson avatar pegaltier avatar stevermeister avatar mainawycliffe avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.