Now unused. See florimondmanca/www.
This is the repository for the frontend application powering my personal blog.
For the backend API, see personal-api.
Install Angular CLI:
$ npm install -g @angular/cliInstall the dependencies:
$ npm installCreate an environment file called .env (it will be excluded from version control) at the project root, containing the following variables:
API_KEY: a valid API key created via the backend admin site.BACKEND_URL: the URL to the backend root (without trailing slash).
For example:
# .env
API_KEY=myapikey
BACKEND_URL=http://localhost:8000Generate your development environment file:
$ npm run config -- --env=devStart the development server, which will run on http://localhost:4200/:
$ ng serve -c devServer side rendering is implemented using Angular Universal.
Server-side rendering allows to send fully-rendered HTML pages to clients, instead of sending them a blank page and letting Angular fill it in the browser. This reduces the "first meaningful paint" time, helps with referencing and allows integration with social media.
To use the server-rendered app, you must first create a build of the app:
$ npm run build:devNote: in production, use
npm run buildinstead to create a production-optimized build.
Then start the server-rendered app (an Express server):
$ npm run serve:ssrSee package.json for the available NPM scripts.
TravisCI is configured on this repo and generates a production build on every push to a branch.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent