<- Back

Angular and Svelte: Test drive

Why this 'Test'

work in progress, this page will be updated when more information will be available

I'm developing 2 personal websites to publish on the web and I have to improve their SEO.

One website is about Angular https://ngpef.com and I'm using Angular as framework.

The second website is about Java and I'm using Svelte and Sapper to build it: https://java-version.com.

The goal is to evaluate the advantages and issues that I have with these technologies, the two frameworks are different with different targets and is not my interest declare that one is better than the other.

Differences

|Task|Angular|Svelte|
|Deploy on the web|Easy peasy: Netlify|Some issues, final solution: Docker in Jelastic |
|Different properties per environment|Out of the box|hmmm ... still looking the best solution|
|Static website|Angular Universal ... never worked for me|Sapper, worked well|
|Components|Material, Bootstrap, ...|DIY (Do it yourself)|
|Performances (Google Lighthouse)|96 (Excellent)| 99 (Excellent)|
|TypeScript|Default|Recently added, didn't work for my project (Sapper)|
|Startup|ng new [project-name]|clone a template|
|Add some meta to head|use import {Meta, MetaDefinition} from '@angular/platform-browser'; + 4-5 lines of code|easy: <svelte:head><meta name="Description" content="List..."</svelte:head>">
|Documentation|Extensive and required|I didn't use a lot (intuitive)| `|


<- Back