Skip to main content

Dynamically Adding Content Using An API and SammyJS, Part 3 - #25

Like what you see, support the channel.

Published: July 27, 2020

Estimated Reading Time
2 minutes
Video Duration
25:40 minutes

Become a Patreon to show support and get exclusive access to content:

This week, we take our last project where we used AJAX to get content from a remote PHP API and we add content to our pages. We also use AJAX to created our SammyJS routes dynamically.

We create a desktop and mobile flexible view and get content from a remote API we created using simple PHP code.

In this tutorial, we go over the implementation of AJAX and Sammy JS to create a fluid website that pulls its content from a remote PHP API.

0:00 Intro

02:00 Modify SammyJS to Use Slug for Routes

04:00 Create API Function for Page Content

07:19 Setup Page Content AJAX

12:21 Setup Page Structure for Dynamic Content

15:29 Dynamically Create New Pages

18:24 Fix Mobile Navigation Glitch

20:03 Add Navigation Styling

24:05 Upcoming: New API Functionality

Applications Used

Visual Studio Code v1.43:

Live Server Extension v5.6.1:

SammyJS v0.7.4:

Computer Hardware:

Windows 10 Pro: (Amazon)

Samsung 500GB External SSD: (Amazon)

Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: (Amazon)

Rosewill Hive-750S R750W PSU: (Amazon)

Phanteks Eclipse Tempered Glass Case: (Amazon)

MSI Arsenal Gaming AMD Ryzen Motherboard: (Amazon)

MSI Gaming GeForce RTX 2060 Super 8GB: (Amazon)

LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: (Amazon)

Corsair 64GB (4 x 16GB) DDR4 Memory: (Amazon)

AMD Ryzen 7 2700X Processor: (Amazon)

Dell XPS 15 9500 15.6" Laptop / Windows: (Amazon)

Lenovo ThinkPad T15 15.6" Laptop / Linux: (Amazon)


Fujifilm X-T3: (Amazon)

Fujinon XF18-55mmF2.8-4: (Amazon)


Audio Technica AT2020: (Amazon)

Blue Snowball iCE: (Amazon)


I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to and affiliated sites.