Let's create a Jamstack Blog with Next.js

Let’s create a Jamstack Blog with Next.js

#next #react

Google analytics Setup with Next JS, React JS using Router Events - 14

In this video, we are going to implement Google Analytics to our Next JS application. Tracking page views of an application is very important.

Google analytics will allow us to track analytics information.

Frontend: https://github.com/amitavroy/video-reviews
API: https://github.com/amitavdevzone/video-review-api
App link: https://video-reviews.vercel.app

You can find me on:
Twitter: https://twitter.com/amitavroy7
Discord: https://discord.gg/Em4nuvQk

#next js #js #react js #react #next #google analytics

Eva Murphy

1625751960

Laravel API and React Next JS frontend development - 28

In this video, I wanted to touch upon the functionality of adding Chapters inside a Course. The idea was to not think much and start the development and pick up things as they come.

There are places where I get stuck and trying to find answers to it up doing what every developer does - Google and get help. I hope this will help you understand the flow and also how developers debug while doing development.

App url: https://video-reviews.vercel.app
Github code links below:
Next JS App: https://github.com/amitavroy/video-reviews
Laravel API: https://github.com/amitavdevzone/video-review-api

You can find me on:
Twitter: https://twitter.com/amitavroy7
Discord: https://discord.gg/Em4nuvQk

#next js #api #react next js #next #frontend #development

Tyrique Littel

1603587600

How To Create a Developer Blog on DevDojo

Nowadays, creating a blog is easy. But, with all the different options available, you might go crazy by just doing the research.

Should you choose WordPress and tweak the theme to get it the way you like, or a static site generator with no admin interface and complicated build processes?

All you want is a simple blog where you can write about the shit you love.

So why can’t it be simpler? Well, now it is with the DevDojo Dev Blog!

Setting up a Domain

Your Dev Blog will have a default subdomain username.devdojo.com, and you may choose to add a custom domain as well.

If you wish to use a custom domain, add a CNAME record to your Cloudflare DNS, with your subdomain in the CONTENT section. Wait a few minutes and you’ll have your custom domain resolving in minutes.

Want a video on how to do this, You got it!

Themes

At the moment of writing this, there are 2 themes you can choose from (many more to come). Each theme will have a light/dark mode and is built for speed!

Themes are built using the awesome TailwindCSS library. If you pair that with PurgeCSS, minimal javascript, and Cloudflare caching. That’s just a recipe for a fast website.

#developer-blog #dev-blog #web-development #portfolio #blog #blogging #developer-tools #writing

Felton Padberg

1613628660

Next.js Mini Course Wrap Up And Next Steps - Fullstack Jamstack with Next.js (11)

You’ve learned how to build an entire full-stack application using Next.js, Airtable, Tailwind CSS, and Auth0. What do you do next?

In this mini-course…
Build a Fullstack JAMstack application with Next.js, Airtable, Auth0, and Tailwind CSS. In this series, we are going to walk through building a Fullstack JAMstack application with Next.js from scratch. We’ll use Tailwind CSS for our styling, Airtable for our database, and add Auth0 for authentication.

What You’ll Learn

Build Fullstack applications with Next.js
Use Tailwind CSS with Next.js
Integrate Airtable in NextJS with API Routes/Serverless Functions
React Context API in Next.js
Authentication and Authorization in Next.js with Auth0
Relevant Links

Source Code - https://github.com/jamesqquick/Authenticated-Todo-App-with-NextJS-Airtable-and-Auth0

#next #jamstack #tailwind #tailwindcss

Felton Padberg

1610518560

Course Intro and Project Setup with Create Next App - Fullstack Jamstack with Next.js (1)

Let’s create a new Next.js project using Create Next App to get started with this course.

Build a Fullstack JAMstack application with Next.js, Airtable, Auth0, and Tailwind CSS. In this series, we are going to walk through building a Fullstack JAMstack application with Next.js from scratch. We’ll use Tailwind CSS for our styling, Airtable for our database, and add Auth0 for authentication.