Jaydev

Changed to static paths and kept APIs dynamic. Updated the dependencies and upgraded to astroJS v6! Also added the vercel analytics and vercel speed insights. Fixed the internal server error completely and the gallery preview is available now. Working on the archive page with search and filter features.

I am back after a break. Focused on studies. There were two important things to fix, the internal server error on website in preview of gallery section. The other problem is that the image load very slow. So to fix that, I used https://wsrv.nl for webP conversion and caching. Now I can feel the difference. Check it out yourself.

Added the scale up animation on loading of image and view transitions from astro. There were a few fixes. Added a version API which tells about the last commit and website version

I only test one URL and decided that the OG Image wasn’t working. But it wasnt true until I tested that in https://opengraph.dev So, I have updated the OG image banner (default OG image) with new favicon. Also added a fallback if the dynamic OG image fails. Also worked on the favicon.ico and on theme based changing of icons

Designed this beautiful logo/favicon! Not the main work done today but still took much time. The other things done today are the simplification optimization of website structure. Also edited the gallery preview on the index page. Take a look!

Sorry! Forgot to add a devlog yesterday. There are couple of new things added! I am still trying to fix the dynamic OG image generation. Added the banner (default OG image), designing favicon in figma, fixed the sync DB script and optimized it. the main thing done today was the simplification and modularity of website structure for better performance. Did dimplification on the landing page, navbar and the preview apod component. the navbar shows the current page now! .There were some UI changes too like adding of more roundedness and effects! have a look-

My HTML structure is looking shi , I need to modify and simplify every page. I am scared to check the SEO or a lighthouse report. Well, I am trying to make it good and minimal. I worked on prettifying that. The another good change is that I added a whole geist icon set on my project so that the code doesn’t look messy. I planning on unifying the meta data and the OG data. And yeah now the social media sharing is live. Also, added the copy button for the URL. Currently, there is a horizontal scrollbar on chrome idk, what’s wrong. Need to resolve that too. Here’s the lighthouse report.

Yeahhh! figured it out, the api got gallery was controlled by the vercel’s ISR. Now, the gallery works just fine. I did beautification, adding of simplification in the html structure. Also working on the the social media sharing options in archive.

Okay, there are a couple of things added! First of all I had to use Gemini in order to achieve the dynamic loading of the images on the gallery page as the user scrolled. The second thing added was to remove the ISR on the random APOD page. There are also some Fixes and optimizations on the code. Also added an “Archive” title on the archive page. And added the “LIVE_DATA” or “OLD_DATA” on the navbar, which basically tells if the data is latest. Currently, I am having issues on the gallery page. idk why the images are shown repeated. Will figure it out soon. Thus, adding a photo only. Will add a video on the next devlog.

First of all sorry for devlogging this much time. Actually, I had ran into a problem, my .git folder had got some issues. However, the issue is resolved now. I have added two main things, the gallery page, and the random APOD page. Both the pages are not finished yet, I am figuring out the loading of all the data from the db to the gallery page, and the random page is currently static. I have also added a “Today’s APOD” title which was missing in the APOD page. Also there were some minor UI fixes. The other thing is that I have worked on the dynamic OG image generation and converted it into a React component. I’m currently unsure about the loading of images in the gallery page but will soon figure it out.

The database wasn’t getting an update due to early API call so, changed the workflow time to 5:30 UTC. There were some UI fixes in navbar, misc. Also I have worked on the landing page. Take a look. I have added a section of posts that were posted on a particular day when you go to an APOD. Added a copyright section in the preview of APOD cards.

Okay so the yearly and monthly archive wasn’t looking that great, so I have worked to beautify it. It is very apple and vercel inspired. Also the navbar was not looking that good as I was thinking so I have redesigned it added blur like everyone else! it’s so beautiful!! But there are still very minute details that I need to add in the UI. Also, the surprise me, gallery , overall archive page is remaining. It is very time consuming !!! But please take a look at my work

A heavy session of UI! Designed the entire monthly archive page. No more energy to journal. Just check it out how beautiful!

Lets go! I have added the main thing on the page the APOD. Now you can go to https://astro--daily.vercel.app/apod to see the latest APOD. This page fetches the latest APOD from the database and shows it! Along with UI/UX, there are few things remaining for this page like caching for 24h so that the page remains static. I have also added the https://astro--daily.vercel.app/archive/[year]/[month]/[day] to show APOD for that particular day. It also uses the same idea as on the APOD page. I have also added vercel’s ISR on these pages so that the pages stay static without increasing the build times.

The first thing necessary is the data. I made a script that fetches my supabase database and checks the last date. If it doesn’t match with today’s date, the script fetches due APODs (Astronomy Picture of the Day) from NASA’s API and updates the database. I added a github action workflow which automatically runs that script everyday so that my database is always up to the date.