How to Create a Blog Using Next.js and Contentful CMS

Developer Tools Git Code Collaboration

Vercel Landing Page

1

Vercel

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.

In case you haven't heard, Next.JS is a React JS framework that super-optimizes website page speeds. When you host your Next website on Vercel's platform (for free), you get their automatic image optimization as well when you use Next's Next/Image built-in component.

#Developer Tools #Web Development Tools #App Deployment 521 social mentions
Next.js Landing Page
2

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
In case you haven't heard, Next.JS is a React JS framework that super-optimizes website page speeds. When you host your Next website on Vercel's platform (for free), you get their automatic image optimization as well when you use Next's Next/Image built-in component.

#Developer Tools #Web Frameworks #JavaScript Framework 919 social mentions
GitHub Landing Page
3

GitHub

Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
Pricing:
- Open Source
If you're a seasoned developer, you probably already have a Github account. If not head over there now and set one up. Github is a development collaboration and code-management / versioning system. Vercel will automatically rebuild your Next.JS website when you push a new commit of your code to Github.

#Code Collaboration #Git #Version Control 2034 social mentions
GitHub Desktop Landing Page
4

GitHub Desktop

GitHub Desktop is a seamless way to contribute to projects on GitHub and GitHub Enterprise.
Pricing:
- Open Source
I also recommend using the Github Desktop app, which is great for visualizing changes bewtween commits. If you're already a seasoned command-line user, then I understand! :-).

#Git #Git Tools #Code Collaboration 129 social mentions
Contentful Landing Page

5

Contentful

You don't need another CMS. You need a better way to manage content — unified, structured, and ready to deploy to any digital channel.

Contentful is a headless content management system (CMS). Headless simply means there is no front-end to display the content to the consumer. It's basically a database, but much easier to setup and maintain than a traditional relational database. Contentful provides a very easy-to-use API for fetching and managing content. They also support GraphQL queries if you're into that.

#CMS #Blogging #Blogging Platform 9 social mentions
Homebrew Landing Page
6

Homebrew

The missing package manager for macOS
Pricing:
- Open Source
Ok, so hopefully you have the latest versions of Node.JS and NPM installed. This tutorial doesn't cover that, but here's a point in the right direction. Personally, I prefer Ubuntu for my React development environment, but Node will run on Windows or Mac as well. I think you need to use Homebrew to install it on MacOS.

#Package Manager #Windows Tools #Front End Package Manager 877 social mentions