DEV Community

Cover image for Next.js Trash Course - Part 2/3

Next.js Trash Course - Part 2/3

Vinicius Cerqueira Bonifácio on February 26, 2021

Hi, dear devs. Thanks a ton for all the positive comments in the part 1/3 of our Trash Course. 😊 It motivates me to keep writing and researching...
Collapse
 
matjones profile image
Mat Jones

Good stuff! One thing that I noticed as a privacy enthusiast:

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400&display=swap');
Enter fullscreen mode Exit fullscreen mode

Don’t use Google fonts, especially not as dynamic imports. This basically unwittingly injects Google trackers into your users web browser.

Collapse
 
christiangroeber profile image
Christian Gröber

If you're using webpack there's a plugin that downloads the library on buildtime, that way you can still easily use google fonts without this privacy issue

Collapse
 
vinicius77 profile image
Vinicius Cerqueira Bonifácio

Thanks, Christian.

I am going to definitively check it out too. ✍️

Collapse
 
shrroy profile image
Shrroy

What the name of this plugin?

Collapse
 
tojacob profile image
Jacob Samuel G. • Edited

I was also unaware of this! I suppose it will be time to download the fonts and put them on my server. You can no longer trust anyone!

Collapse
 
dayvista profile image
Liam Davis

Check out the fontsource npm package

Collapse
 
vinicius77 profile image
Vinicius Cerqueira Bonifácio

I feel the same, Jacob. Looks like Google and similars are literally everywhere. 😨

Collapse
 
singhrahul31 profile image
singhrahul31

Thanks Mat! What could be the alternative to this?

Collapse
 
dayvista profile image
Liam Davis

I use fontsource.org and the associated npm package. It allows you to install specific fonts as dependencies and import them into your project as you would any other library.

Collapse
 
matjones profile image
Mat Jones

My personal favorite is fontlibrary.org

Collapse
 
vinicius77 profile image
Vinicius Cerqueira Bonifácio

Thanks again, Mat.

I was not aware of that at all. Thanks for the hint. I am at his exact moment researching more about the topic. 🕶️ 📚

Collapse
 
tupynamba profile image
Gwyra bebe pimentel

sou retroeng Asm com +50 anos de experiencia, estudo e acompanho amo Next.js, uso Osso-oS sistema Gnu/Linux, sou novo aqui, onde esta o Trash Cource Parte 1/1, alguepode ajudar-me? exelente manual Vinicius, parabens!

Collapse
 
cmelgarejo profile image
Christian Melgarejo

50 anos de experiencia? Voce conheceu en pessoa o Jobs, Woz ou Gates? 😨

Collapse
 
vinicius77 profile image
Vinicius Cerqueira Bonifácio

Temos muito o que aprender com programadores mais experientes, Chris.

Antes não tinha internet, nem Google, nem nada. Eles aprendiam na "raça", com livros e através da comunidade. 🤓

Thread Thread
 
cmelgarejo profile image
Christian Melgarejo

It's just that this statement surprised me and confused me actually! I know people got no internet readily available as now, and not demoting that fact, it just that the comment seems a little bit off IMHO

Thread Thread
 
vinicius77 profile image
Vinicius Cerqueira Bonifácio

I got your point, Chris.

I am not making trouble or anything. Just trying to keep the comments section a friendly place to everybody. 😃

Have a nice weekend there!

Collapse
 
vinicius77 profile image
Vinicius Cerqueira Bonifácio

Legal, Pimentel.

Se você publicar algum post relacionado a Assembly ou quiser compartilhar algo sobre, por favor me avise. Estou interessado em aprender mais sobre essa linguagem. 😊

Aqui deixo os links das três partes:

Part 1 / 3
Part 2 / 3
Part 3 / 3

Muito obrigado por acompanhar e interagir nos comentários.

Collapse
 
andrelomba86 profile image
andrelomba86

Só clicar no link "Trash Course" no começo desse texto.

Collapse
 
vinicius77 profile image
Vinicius Cerqueira Bonifácio

Valeu, André! 🤜 🤛

Collapse
 
adam_zdrzalka profile image
Adam Zdrzalka

Great tutorial, Vinicius. I picked up Next for work and this is a clear guide to get started

Collapse
 
vinicius77 profile image
Vinicius Cerqueira Bonifácio

Thanks for your comment, Adam. 😃

If you are interested I have just released the Part 3/3. It would be nice hear your opinion about it too. 🙏