Nidofy Next.JS - Stardance

Ship #2

I looked at my Nidofy site made in React and wondered "What if SSR and SEO?" and that's how I decided it's time for me to rewrite the site (again) in Next.JS. It wasn't very hard and I learnt how to build, test and deploy a Next.JS application.

The site also serves as my poetry page and is self-hosted (which is why it got pushed back into review last time due to an outage)

1 devlog
1h

Try project → See source code →

Open comments for this post

@NiDo on Nidofy Next.JS · 10 days ago

59m 17s logged

Well, because of the server going down yesterday the projet got pushed to Changes Requested…

But oh well, I took the oportunity to add a footer to the site.

Ship #1 Changes requested

@NiDo on Nidofy Next.JS · 11 days ago

I looked at my Nidofy site made in React and wondered "What if SSR and SEO?" and that's how I decided it's time for me to rewrite the site (again) in Next.JS. It wasn't very hard and I learnt how to build, test and deploy a Next.JS application.

The site also serves as my poetry page.

4 devlogs
3h
Personal Site

Try project → See source code →

Open comments for this post

@NiDo on Nidofy Next.JS · 11 days ago

25m 47s logged

As few people have suggested in Nidofy v2, I’ve changed the background of the poem cards to GitHub black (or atleast a similar shade) to remove the contrasting white card and grey background.

I’ve also added the dynamic robots.txt and sitemap.xml. I just need to deploy it and I’ll be done with this project!

Open comments for this post

@NiDo on Nidofy Next.JS · 11 days ago

1h 7m 40s logged

Okiee so I’m finally done with the poem view. It also has a dynamic Metadata generator so that search engines could actually pick the data up.

I just have to finish implementing robots.txt and sitemap to finish the coding… Deploying is going to be kinda interesting as I never self-hosted a Next.JS site but let’s see.

Open comments for this post

@NiDo on Nidofy Next.JS · 12 days ago

29m 44s logged

Okie so I think I’m finally understanding how to use next.js. I redid the home page splitting the page into server side and client side. And the buttons actually work now.

Next.JS is actually cool!!

P.S. I got the background working now by just getting rid of some CSS related to default colours… It’s some black magic stuff but it works….

Open comments for this post

@NiDo on Nidofy Next.JS · 12 days ago

30m 47s logged

I was planning to do this in the Nidofy v2 project itself but it wasn’t allowing me to link it to a mission… So I had to make this into a separate project so that I can work on it and not gonna lie, it’s kinda harder than i thought it’ll be.

I thought I could move the react files over as it is and call it a day but it turns out there’s strict server and client code separation so I have to think about everything and stuff. And no, I’m not rewriting the backend in JS… Maybe not now, atleast I haven’t yet planned it.

P.S. I have no idea why the background decided to be white… debugging css and regreting life choice :/