Pokémon Browser

Angular demo project with static generation powered by Scully

Adding Scully to your project

0. Read the Scully documentation
1. Add Scully to your Angular CLI project with ng add @scullyio/init
2. Run yarn run scully and verify your routes are being pre-rendered
3. If needed, write router plugins for your dynamic routes (like view/:id)
4. If not needed during runtime, remove Angular altogether from the resulting bundle by using scully-plugin-disable-angular.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Building a static version with Scully

0. Run yarn build:prod to build the project with production settings.
1. Run yarn scully to generate a static version of your site, with no Angular scripts included.
2. Deploy dist/static to your http server. You can also run yarn serve:static to serve locally

Links

• Pokémon Browser demo
• PokéApi
• Scully on GitHub
• Scully on Twitter
• Scully Router Plugin documentation
• Disabling Angular when statically generating with Scully by Sam Vloebergh

License

Creative Commons Attribution 4.0 International License