I need to set it up here.
What do you want to talk about, Felix?
So I want to show you a project
which I've been doing on the side for two, three years now,
which, well, I've not too long ago
ported to Next.js server components and so on,
and I guess which is a nice tech demo
of the current React state of affairs
and how you nowadays build stuff.
Okay, cool.
Of course it is.
Felix, please show us.
So, it is available at, where's that period?
I'm not used to this layout.
US.
I know.
Okay, Digger.tools, it's base or domain digger.
It's an actually good DNS lookup tool.
So, you may have used tools like NSLookup before,
which is still the best of the worst, I'd argue.
So, because I was frustrated
with all the different tools out there,
I decided to sort of build my own Swiss army knife
for domain-related lookup.
So, okay, I already thought of a website to check out,
which is Robin's website.
So, what we can see there is basically,
is that big enough for you in the back?
It's not good.
All right, so, everything from like a quick whois summary,
whois summary, like the registrar,
and when it was registered, already 11 years ago,
eight years ago, 10 years ago.
And we can see that his site is on Vercel.
And generally, this is a pretty basic DNS setup.
First of all, what even is DNS?
For those of you not aware,
DNS is the system in the background
which helps you primarily with the A record,
point your request to a certain domain,
to the actual server,
which is intended to handle that request.
So, when you enter a domain in the background,
your computer will do a lookup
and figure out which server it needs to contact,
in this case, through an A record.
That is for IPv4, and for IPv6,
there's also then a AAAA record.
But also, DNS is used when figuring out
which server is supposed to handle incoming emails.
In this case, Robin's using Gmail.
But, there are also some other trickeries,
like, for example, figuring out which subdomains exist.
So, there is a website, a subdomain,
timeline.robinpucconi.com,
which seems to lead to a Heroku website.
Let's check it out.
Well, now you do.
And apparently, it wasn't updated in quite a long time.
Well, but actually, what we can learn from this
is that a lot of details about domains is actually public,
and from something that seems hidden at first,
with just simple tools, it's easy to figure out
what's going on in the background.
So, he's working at Klarna, apparently.
So, let's look, let's see what they are doing.
Not Klarna.
Klarna.com.
And, for example, in this TXT record,
TXT records are sort of miscellaneous records
attached to a domain.
So, again, domains are those things
that lead you to a website normally,
but they are also often used to identify a company.
As, for example, in this case,
Klarna seems to use Docuser.
Internally, or with their partners,
Docuser is a service for digitally signing documents.
You may have used that when, I don't know,
purchasing something in an enterprise setting,
or even just for your apartment rent.
So, they seem to be using Docuser under the hood.
And also, they are using Atlassian services.
So, they are using Atlassian services
and they are using Atlassian services.
So, again, information which, I don't know,
if you were a malicious attacker,
you could abuse to gain access.
And all of this is actually public.
And, well, now to just to, I don't know,
finish up the flexing.
Does anybody have a website that is hosted
on Netlify for free?
Because.
Okay, well then, I'll use a different example.
Like TikTok.
For the main domain,
they use a service called AWS CloudFront.
So, what is CloudFront?
CloudFront is a CDN provider.
A CDN is effectively a set,
a collection of servers located in different parts of the world, which means that unlike
if you only have servers at a single location, requests don't need to go to that one particular
location but actually your requests can be handled from various different regions in
the world and therefore it will be generally quicker for people across the globe.
So TikTok uses CloudFront and therefore if I now run a DNS request from various different
regions across the world, I can see that in Frankfurt, this IP address, oh, well, apparently
go to Amsterdam, well, this is I'm now looking at the details for that IP which I got when
sending a DNS request in Amsterdam from Frankfurt, basically as if I wanted to visit that domain
from Frankfurt.
While in Cape Town, they instead are handled by a server in Cape Town.
And in this case, this whole project is, I mean, you may have already seen it, like this
looks I guess rather familiar.
This is using Shazian UI, basically a copy paste library based on Tailwind for with general
purpose UI components.
And well, Tailwind is that library that everybody likes to hate on but actually makes writing
CSS a lot easier because you don't have to write CSS anymore.
So well, yeah, and then, of course, it's all it's in Next.js and using server components.
So server components are that new thing that I guess you need to look into nowadays if
you want to work with React and, well, if you want to see how it works, you can check
out the repo on GitHub because of course it's open source.
And I greatly appreciate it if you could star it.
Maybe we'll subconsciously convince my supervisor at university to give me a better grade on
this project.
But other than that, of course, what is that keyboard?
Okay.
If you want to stay up to date with anything regarding this project or other stuff, you're
of course welcome to follow me.
Thank you.