Since my Feb 2019 article on setting up Nuxt.js with TypeScript, Nuxt has greatly evolved and it’s about time to refresh my references. This article focuses on the setup part and adds Vuetify / Vue-i18n to the party.
Storybook being more and more useful in my daily life, I added my part of configuration tips, based on the (almost) comprehensive guide on using Storybook with Nuxt.js by Lawrence Braun.
Example code can be checked out on Github:
Nuxtjs setup
The create-nuxt-app utility scaffolds the Nuxt project in few clicks:
npx create-nuxt-appThis article aims at offering a progressive introduction to hosting static website with AWS CloudFormation from a simple bucket to more complex configuration.
Quick summary:
This is a rewrite of my AWS CloudFormation stack: HTTPS static website article and the current version is also on Github with all the examples:
CloudFormation, the theory
CloudFormation relies on a template file, written in JSON or YAML, declaring all the requested AWS resources, how they are configured and how they…
Since end of 2018, I have been writing down documentation whenever I have the chance: either when learning a new concept or during a professional project.
It all started when I reached the Why you should write article, then landed on five reasons I should write on Medium.
My writing has multiple formats such as:
- Markdown tutorial-like files on Github
- Comments in code
- Explaining something to someone through a chat
Writing made me realise how little and unclear my understanding of each concept was.
Direct benefits
As expected, direct benefits from writing documentation are
- It accesses and organises my knowledge.
- It teaches…
Learning Docker gave me the fresh air of discovering something new. Unlike learning another programming language, most of the concepts, if not all, were new to me. The novelty brought the challenge of establishing a proper exploration map.
This is why I am sharing here my suggestion of “Docker progression guide”. This article will, however, not be a tutorial: there are plenty of good material over the web and I like the Docker official documentation that I believe being quite clear.
My Docker use case
To provide the context, my objectives were:
- Professional: running locally two monolithic back-ends with their respective databases. …
Build your HTTPS hosting stack of S3 / Route 53 / CloudFront secured with AWS Certificate Manager
11-Jul-2020 edit: a more complete version of this article can be found there: https://medium.com/@Al_un/aws-website-hosting-with-cloudformation-guide-36cac151d1af
Hosting a static website on an AWS S3 bucket is straightforward by having a bucket with the same name as the domain (check this AWS guide).
Making its HTTPS friendly requires extra steps and involves the following AWS resources:
- S3 Bucket: to host the static website content
- S3 Bucket policy: to restrict the access to the S3 bucket to CloudFront only
- Certificate Manager: to request the SSL certificate
- Route 53: to serve the content under a custom domain (e.g. app.acme.com)
- CloudFront: to serve the static website…
I updated the Nuxt.js setup part in a new article which add Vuetify and Vue-i18n as well as Storybook as a bonus: https://medium.com/@Al_un/nuxt-js-setup-storybook-powered-f023b4ef351d
April-2020 update:
From Nuxt 2.9 and on-ward, please use the official TypeScript support of Nuxt: https://typescript.nuxtjs.org/guide/setup.html
I have updated the repository which makes some part of this article obsolete.
Also, TSLint has been deprecated in favour of ESLint.
Nuxt recently (January 2019) released the 2.4.0 version pushing TypeScript integration one step forward. First of all, kudos to Nuxt team!
Currently under Rails 5.2.1 / Ruby 2.5.1 and I quickly had enough of System.out.prin… oops, enough of puts. Anyway. I just want to track what happens in my application: how many milliseconds is taken by this method? Was this called before that? What happened before this error? And such.
To get the info, logging is our messiah. Hallelujah…or not.
As starters, here are some global Rails-independent concepts related to logging:
- Log appenders: https://blog.scalyr.com/2018/01/log-appender/
- Log aggregation: https://stackify.com/log-aggregation-101/
- Structured logging: explanation from DZone or Stackify. I also recommended articles from Jessica Suttles: Part 1, Part 2 and Part 3
- From my Java…
Having played a while with my OnePlus 6, it’s time to share a bit. Unlike professional reviewers, I did not do any intensive testing (and my photos are pretty crappy). My feedback is purely related to the daily life usage. My previous smartphone was a LG V10 which fell into the trap of overheating-and-burn-that-motherboard-muth*f*ck*r.
GSM Arena links for OnePlus 6 is here and for LG V10 here.
First of all: it is a phone!
OnePlus 6 is a double SIM with no SD card slot. I did not mind the SD card as I have the 128GB version. …
Thanks to a short sharp shock, I realised last week that I am screwing things up. While, many start-up stories can be found on the web, most of them are written following the aftermath with a conclusion, a lesson learnt and shared for the other. As for me, I am in danger zone…right now! Dear reader, please sit tight and enjoy this live documentary.
How do I know?
Granted, all start-ups constantly face bunch of troubles. The problem arises when you are circling around the same issues.
- Slight discrepancies between our understanding and the reality
- Mismatch between business requirement and product design
- Little to…
Al-un
Vue.js aficionado, Gopher padawan @Tokyo
