@veletech/angular

Componentes Angular standalone com a mesma API editorial e o mesmo visual de @veletech/react.

npm install @veletech/angular

Adicione os estilos globais em angular.json:

"styles": ["src/styles.css", "node_modules/@veletech/angular/dist/styles.css"]

Ou no styles.css da aplicação:

@import '@veletech/angular/styles.css';

Lista pronta

import { VeleArticleListComponent } from '@veletech/angular'

@Component({
  standalone: true,
  imports: [VeleArticleListComponent],
  template: `<vele-article-list
    [apiUrl]="cmsUrl"
    routePrefix="/blog"
    pathname="/blog" />`
})

O componente busca artigos e categorias, lê page, category e search da URL, renderiza filtros, estados de carregamento/erro, cards e paginação.

Artigo pronto

import { VeleArticleComponent } from '@veletech/angular'

@Component({
  standalone: true,
  imports: [VeleArticleComponent],
  template: `<vele-article
    [apiUrl]="cmsUrl"
    [slug]="slug"
    routePrefix="/blog" />`
})

Para projetos baseados em módulos, importe VeleArticlesModule.

Não envie uma apiKey secreta no bundle do navegador. Para conteúdo privado, use SSR ou um backend/proxy do próprio site.