Dev Blogging:

Let's JAM(stack)

Developer Blogs

• Discipline

• Confidence

• Skill development

Personal growth

• ​Brand development

• Networking

Career growth

Wordpress

• Accessible, newb-friendly content editor
• Large ecosystem of themes and plugins
• Needs a server and database
• Security issues
• Performance hog 🐷

Database layer

Generates HTML response

JAMstack

JAMstack

Javascript

APIs

Markup

Client side JS that handles the request/response cycle and page interactions. This could be pure JS or libraries like Vue and React.

RESTful microservice APIs that are accessed by JS-driven HTTP calls. This replaces server-side operations and databases actions.

Static HTML that is built at deploy time, using either a static site generator (SSG) or build tools like Webpack or Gulp.

+

+

=

JAMstack Advantages

Performance

• Static HTML files can be served via a CDN (content delivery network), which are highly available and performant
• No need to perform expensive tasks like querying a database or generating content on-the-fly for each user request
• Easily cache static assets

Scaling

• Static assets are cheap and easy to serve at scale

JAMstack Advantages

Security

• No database that is susceptible to SQL injections
• Fewer server interactions = fewer targets 
• Leverage the expertise of third-party services

Deployment & Workflow

• Everything lives in Git
• Easy to set up continuous deployment so your site is updated every time new content gets pushed

Netlify

Automated deployment platform that provides:

• A global CDN
• Continuous integration and deployment 
• HTTPS
• Forms management
• Serverless functions
• Identity service