I completed a website using Next.js (a React variant) for a church in San Antonio, TX.  Next.js is a popular choice currently because it delivers websites with blazing fast speed.  Websites can be judged on how quickly they load (often monitored through Google Lighthouse).  Fast websites keep users happy and matter even more for people on slower cell connections.

## The Problem
Many websites manage changing content by generating pages in real-time.  When you visit a webpage a computer somewhere often checks a database for the latest version of that page’s “stuff”.  Then that computer packages the content into a page and sends it to you.  That can take a while.

## The Solution
Next.js uses Static Site Generation (SSG) to render webpages ahead of time.  Pages are “pre-baked” so they can be delivered more quickly.  I’ve known SSG exists for a while now but couldn’t find an answer to one important question: “how do I automatically update a pre-baked site when content changes”?


## But How?
### Revalidation v. Rebuilding The Site

One way to automatically update a Next.js site is with revalidation (officially named Incremental Static Regeneration).  With revalidation Next.js sends pre-rendered pages back to users and simultaneously checks for updates.  If a pre-rendered page is out of date Next.js re-renders that page for future visitors.

Revalidation is awesome!  But it fails when a route (or slug, page, or address) is added or deleted.  Next.js doesn’t cook up new routes or paths without rebuilding the entire site.

### Triggering Rebuilds
Next.js can also update content with standard SSG: meaning the whole site is rebuilt when triggered.  This takes about 30 seconds for my site containing about 50 pages.

How do you trigger Next.js to rebuild a whole site?  For me the answer is “with a webhook”.  Webhooks really are awesome.  I found webhooks intimidating a year or two ago but learned it was critical for making static site generation work.  

When someone adds or deletes an entry in my CMS (Strapi) that CMS triggers a webhook to an IP address with a specific port and password.  I setup my server to listen on that port.  It checks the password and if approved the server rebuilds the site.  Voila, 30 seconds later those new paths/slugs/pages come alive.  The 50 or so pages are rebuilt and the node server restarts.

## Using these Render methods
You can generate pages of your site in different ways based on which functions you use in a page.  If you use the “getInitialProps” or “getServerSideProps” functions then you get the old-school ways of rendering a page (slower, server side renders).  

![Screen Shot 2021-05-24 at 3.25.37 PM.png](https://res.cloudinary.com/diqgdacjy/image/upload/v1621991594/Screen_Shot_2021_05_24_at_3_25_37_PM_ea6a4612df.png)


Static pages use no initial props and have no changing content.  If your page uses “getStaticProps” you get classic SSG change at build time.  If you use “revalidate” in the getStaticProps function you get “incremental static regeneration” (ISR) which updates the built page in realtime for the next response.

![The getStaticProps function in Next.js along with revalidation](https://res.cloudinary.com/diqgdacjy/image/upload/v1621991649/Screen_Shot_2021_05_24_at_3_26_10_PM_cbe5bea559.png)



## To sum it up:
Next.js is great and powerful.  Want to render content on the server?  You can.  You can also speed up rendering with revalidation or site rebuilds.  There’s more to love too, like Next Images but that’s another post in and of itself.

My lessons from building a website with Next.js (a React/web development framework)

large_5294398307303424.png

medium_5294398307303424.png

small_5294398307303424.png

thumbnail_5294398307303424.png

5294398307303424.png

Lessons From My First Next.js Project In Production

I got the travel bug about seven years ago after my first trip to Europe.  Since then, even amidst a pandemic, I returned to Europe about once a year.

What I really want to focus on here are my favorite European destinations.  These are the places I enjoyed above others.  It’s pointless to prescribe this list for others but I hope it can be useful when thinking about places worth seeing.

## 5. Prague
Prague feels like life in a fairy tale.  Likely the best preserved medieval city, Prague's hilltop castle looks down on the city that evokes awe.  World War II devastated most cities of this stature but Prague was left alone.  The Charles bridge stands over the river running through the heart of the city.  The old town nearby has cuteness all figured out.  Prague stands as the capital of a proud nation.  It’s memorable to behold.

## 4.  Normandy
My wife and I made the trip to Normandy early in our marriage.  Spending a night on Mont. St. Michele was so much fun.  It was fun to brag about having a hotel room on that island.  A lot of people have seen the island in pictures and movies.  There aren’t many hotel rooms so getting one is unforgettable.

Mont St. Michele fills up during the day.  It’s best to see that island after the day trippers leave and before they arrive.

Besides Mont St. Michele Normandy hosts great WWII sights, notably the beach at Arromanches.  Large pieces of equipment used in the D-day invasion are left stranded on the shoreline.  It feels other-worldly to feel waves crashing against the equipment you can climb on.

## 3.  Paris
It feels cliche to put Paris high up on a list of European Destinations.  What does Paris have to offer?  The opportunity to say you’ve been there is significant.

I went on a Seine river cruise and heard a stranger who spoke my language say “Not a lot of people get to look with their own eyes on the Eiffel Tower.  Soak it in”.  It felt correct.  It’s an impressive structure.  The food in France is also astonishing.  It’s hard to overstate that.  Their bread is amazing.

Yes it’s got the Mona Lisa, the Louvre, the Orsay and stories of the French Revolution.

## 2.  Budapest
This city surprised me.  The buildings wreak of historical significance.  The signs throughout town boat unfamiliar aliphatic symbols which makes it feel more exotic.  It feels different, farther removed from my USA rooted perspective of the world.

The Danube river runs through the heart of the city allowing the people of Budapest opportunities to create beautiful bridges that span the water.  The bridges are colorful and unique.  Walking alongside the river is exciting.  The Hungarian Parliament building is so grand.  

Historically this city had a lot of money pumped into it in the late 1800s and it shows.  It was a time of grandeur, iron, stone.  Their Central Park, architecture and streets give off an incredibly established confidence.

## 1.  Venice
This is place is so picture postcard perfect.  It’s like a huge maze of history ready to engulf you.

You’ve seen the domes, churches and bridges in pictures throughout your life.  Seeing them in person felt surreal to me.  It’s beautiful all over again.  It’s exhilerating to get wander away from the crowded tourist spots and get lost in Venice.

I woke up here around 4am by accident once and decided to go out and enjoy the town regardless of the unusual hour.  I’m so glad I did.  It's such a fun place to get lost and bring a camera.









My favorite European cities to visit as a tourist 

large_budapest.jpg

medium_budapest.jpg

small_budapest.jpg

thumbnail_budapest.jpg

budapest.jpg

Top Five European Destinations

Podcasts are a great way to listen and learn new things.  As someone who spends about an hour each day commuting in the car I find podcasts an enjoyable way to ease on down the road.  Here are the ones I most enjoyed in 2022.  I group podcasts into two groups: mini-series podcasts (usually going deep into one story) and regular podcasts (released daily-ish)

# Regularly Programmed (Daily) Podcasts

## Ukraine: The Latest
### Produced by The Telegraph (UK Newspaper)
The conflict in Ukraine interests me.  I want to know where things stand.  This podcast dedicates about an hour every weekday to reports from journalists connected to Ukraine.  It helps me understand the conflict.  As citizens in the US we contribute financially and emotionally to this conflict.  Plus as someone who enjoys traveling to Europe I want to understand ramifications for my vacation plans. 

## Up First
### Produced by NPR
NPR releases a 15 minute morning news summary that’s a great way to catch up on current events.  They usually dedicate themselves to three main stories.  The 15 minute format allows for depth beyond brief headlines.  I find it an informative way to hear what’s important today in our shared world.

## The Journal
### Produced by The Wall St. Journal
Each weekday afternoon the Wall St. Journal releases a 45 minute-ish podcast that dives deep into stories about money and/or power.  This podcast intrigues me with coverage of the Twitter ownership change, LivGolf and Facebook’s metaverse.  They also explore future electric cars and where to find the lithium needed for their batteries.  It’s a thought provoking way to go deep on interesting topics.

# Mini-series Podcasts:

## Hack Me If You Can
### Produced by the Wall St. Journal
This nonfiction series explores how a Russian man went from stealing credit card numbers on a small scale to a much larger scale.  Remember a couple of years ago when Target disclosed its database of credit card numbers was hacked?  This explores the guy who did it.  He shares how and why he did it.  The US government had been trying for years to bust him.  Eventually they caught him.  Now he helps catch hackers doing similar or more nefarious things.  It's a fascinating rags to riches story.

## The Rise And Fall Of Mars Hill
### Produced by Christianity Today
Mars Hill Church in Seattle was a significant powerhouse in American Christianity.  The music ministry blazed trails a few years ago.  Their former pastor Marc Driscoll rose a lot of eyebrows throughout the growth trajectory of his career and the church he founded.  Then it unravelled a few years back.  This podcast explores what happened.  It's another rags to riches type story.  There are lots of lessons to learn about leadership here.  I can’t believe Marc told people he read a book every day.  The podcast focused on that and many other nuances of the story.

## Bad Bets Season 2: The Unraveling of Trevor Milton
### Produced by the Wall St. Journal
The Wall St. Journal released a series of podcasts about the founder of Nikola Motors.  This is the story of a man with a vision.  He wanted to produce a hydrogen fuel powered truck that would disrupt the trucking and fuel industries.  He got a lot of people to buy into a vision.  He was a darling of Wall Street for a time.  The more the spotlight shown on his company the more he could not survive the scrutiny.  Milton's multimillion dollar company eventually went bankrupt because he built it on dreams and failed to make much progress.

## How To Build A Metaverse
### Produced by The Wall St. Journal
With Facebook focusing much attention on the metaverse the Wall St. Journal explored it's possibilities.  They harkened back to an internet venture known as Second Life from the early 2000s.  I remember using Second Life a little after reading about it in Wired magazine.  Yeah, it wasn’t anything extrordinary.  Why would Facebook want to pour billions of dollars into something like it?  That question is explored at length.  All the while Facebook seems to be doing a lot of damage control from its investment in a metaverse project.  This podcast helps understand that backlash.


Podcasts are a great way to listen and learn new things.  As someone who spends about an hour each day commuting in the car I find podcasts an enjoyable way to ease on down the road.  Here are the ones I most enjoyed in 2022.

large_123985.jpg

medium_123985.jpg

small_123985.jpg

thumbnail_123985.jpg

123985.jpg

The Best Podcasts of 2022

Page

large_default-image.png

medium_default-image.png

small_default-image.png

thumbnail_default-image.png

default-image.png

Logo Black.svg

My blog

large_agosd.jpg

medium_agosd.jpg

small_agosd.jpg

thumbnail_agosd.jpg

agosd.jpg

Website for American Guild of Organists, San Diego Chapter. Static site automatically rebuilds when CMS changes. CMS uses Quill for improvement rich-text customization.

American Guild of Organists, San Diego Chapter

large_arcadia.jpg

medium_arcadia.jpg

small_arcadia.jpg

thumbnail_arcadia.jpg

arcadia.jpg

Website for Arcadia Community Church in Arcadia, CA. Static site automatically rebuilds when CMS changes. CMS uses Quill for improvement rich-text customization.

Arcadia Community Church

large_splat2.jpg

medium_splat2.jpg

small_splat2.jpg

thumbnail_splat2.jpg

splat2.jpg

A bug-tracker app.  Bugs are placed in columns of "Todo, Doing or Done" and organized by Projects.  Similar in feel to Trello, it's a simple kanban.

Splat

large_seatSaveBig.jpg

medium_seatSaveBig.jpg

small_seatSaveBig.jpg

thumbnail_seatSaveBig.jpg

seatSaveBig.jpg

Event reservation system developed to help churches manage RSVPs during Covid restrictions.  Administrators authenticate via Google.

SeatSave

large_sanPedro.jpg

medium_sanPedro.jpg

small_sanPedro.jpg

thumbnail_sanPedro.jpg

sanPedro.jpg

Website for San Pedro Presbyterian Church in San Antonio, TX. Static site automatically rebuilds via webhook when CMS changes.  CMS uses Quill for improvement rich-text customization.

San Pedro Presbyterian Church

large_requestWheel.jpg

medium_requestWheel.jpg

small_requestWheel.jpg

thumbnail_requestWheel.jpg

requestWheel.jpg

Website that receives, organizes and prepares content for distribution through multiple media.

Request Wheel

Projects

Contact Me