Discover in this webinar how the new Structured Text field works on DatoCMS and how we can leverage it to create content more easily inside the editor.

We'll also look at how this data is produced across the API and how it will get rendered on a Next.js website.

Read more about Structured Text ➜ https://www.datocms.com/blog/introducing-structured-text

USEFUL LINKS 

Leanpanda ➜ https://www.leanpanda.com

Fermo ➜ https://www.getfermo.com/

DatoCMS modelling docs for structured text ➜ https://www.datocms.com/docs/content-modelling/structured-text

DatoCMS libraries for handling and rendering structured text ➜ https://github.com/datocms/structured-text

Example app repo ➜ https://github.com/leanpanda-com/structured-next.git

ABOUT DATOCMS

DatoCMS is a friendly, secure, and powerful platform that enables the marketing, editorial, or developer team to build complex back-end in minutes and bring any kind of content everywhere.

Read more about it ➜ https://www.datocms.com/​

Let's have a chat:
https://twitter.com/datocms
https://www.linkedin.com/company/datocms
https://community.datocms.com/

#DatoCMS #Nextjs #StructuredText

How to use the new Structured Text with Next.js

Evolving the Jamstack - Incremental Static Regeneration with Next.js with Salma Alam-Naylor

There are some awesome pros and some serious cons to using incremental static regeneration in your projects.

Incremental Static Regeneration: Its Benefits and Its Flaws

Learn how to use Cloudflare Pages to host and deploy static Next.js web apps. In this tutorial, we'll walk through:
00:00 - Intro
00:09 - What tools will we use?
00:39 - Using Create Next App to create a new Next.js app
01:14 - Creating a new GitHub repository
02:34 - Connecting a GitHub repository to Cloudflare Pages
03:52 - Deploying a Next.js app to Cloudflare Pages
07:39 - Cloudflare Deploy Previews with GitHub Pull Requests
09:24 - Outro

🗒️ Read More
https://spacejelly.dev/posts/how-to-use-cloudflare-pages-to-host-deploy-a-next-js-app/

🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1

🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock

✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/

💝 Sponsor me for more free content like this!
https://github.com/sponsors/colbyfayock

👨‍🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com

🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use

🧰 More Resources

Cloudflare Pages
https://pages.cloudflare.com/

Create Next App
https://nextjs.org/docs/api-reference/create-next-app

Adding an existing project to GitHub using the command line - GitHub
https://docs.github.com/en/github/importing-your-projects-to-github/adding-an-existing-project-to-github-using-the-command-line


🎼 Music

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/danijel-zambo/imagination
License code: PMHWXFPDZ0IOVNL0

Deploy Next.js to Cloudflare Pages - Cloudflare Static Web Apps Tutorial

Step-by-step walkthrough for assembling and deploying a Jamstack site with Next.js on Vercel and Ghost CMS on Heroku.

Build a Jamstack Blog with Next.js and Ghost CMS

In this video I’m going to show you how to setup a Sign In button with a Custom provider using NextAuth.js in Next.js (with the help of MockAPI, Axios and JWT).
➥ Repo: https://gitlab.com/pragmaticreviews/next.js-jobs-app/-/commits/nextauth-creds-provider
➥ Buy Me a Coffee: https://buymeacoff.ee/pragmatic

➥➥ Learn even more! ➥➥
Learn Next.js ➥ https://bit.ly/PragmaticNext
Learn Contentful ➥ https://bit.ly/PragmaticContentful
Learn Strapi ➥ http://bit.ly/PragmaticStrapi
Learn Gatsby ➥ https://bit.ly/PragmaticGatsby
Learn Deno ➥ https://bit.ly/LearnDeno
Learn GraphQL ➥ https://bit.ly/LearnGraphQL
Golang in the Cloud ➥ https://bit.ly/LearnGolangCloud
Gin Crash Course ➥ http://bit.ly/2SXdJu2
Golang Crash Course ➥ http://bit.ly/39ZH8dy
Zapier Crash Course ➥ http://bit.ly/37q1BGt

Timestamps:

Intro - 0:00
NextAuth.js: Custom Credentials Provider setup - 0:31
Testing Custom Sign In with NextAuth.js (Hardcoded user) - 4:37
Mocking an Authentication service API with MockAPI and Axios - 5:33
Testing Custom Sign In with NextAuth.js (Axios request and MockAPI) - 8:32
Outro - 9:30

#Next #MockAPI #Axios

NextAuth.js | Custom Sign-in for Next.js applications | MockAPI, Axios and JWT

Well, well, well, look what we have here! A 3 part series on how to build a blog with Next.js and TailwindCSS!

This is part 3 all about how to make Next.js render Markdown with Tailwind's Typography plugin!

Repo: https://github.com/hswolff/blog-with-nextjs-and-tailwind

Links
https://github.com/hashicorp/next-mdx-remote
https://github.com/tailwindlabs/tailwindcss-typography

0:00 Intro
1:13 Start coding
2:30 Frontmatter
3:40 Use markdown files
5:51 A horrible bug
7:41 Parse frontmatter files
9:31 Update getStaticPaths
10:14 Update getStaticProps
12:12 Serializing date bug
14:19 It works!
14:55 Update data on home page
17:00 Parse our markdown with next-mdx-remote
20:06 Make markdown pretty with Tailwind Typography
22:40 Add a new markdown file
23:10 Outro

——

DISCORD: https://discord.gg/evSQXj2rxj

VOTE ON VIDEOS: https://votey-uppy.vercel.app/

NEWSLETTER: https://hswolff.com/newsletter/

PATREON: https://www.patreon.com/hswolff

TWITCH: https://twitch.tv/hswolff11

TWITTER: https://twitter.com/hswolff

SITE: https://hswolff.com/

How To Build A Blog With Next.js And Tailwind: Part 3 - Markdown

In this short video (#VRAFam !) we look at how to set up Next JS with Tailwind CSS and TypeScript 
1/ Use create next app 
2/ create a tsconfig file and install the dependencies 
3/ install tailwindcss and related dependencies
4/ Setup tailwind 
5/ Have fun !!!!

How to setup up Next JS with Tailwind CSS (and Typescript)

https://firebase.google.com
https://github.com/bradgarropy/firebase-next

------------------------------------------------------------------

🏠 https://bradgarropy.com
👕 https://bradgarropy.com/store
 💲  https://bradgarropy.com/donate
💬 https://bradgarropy.com/discord
💻 https://github.com/bradgarropy
🐦 https://twitter.com/bradgarropy
📷 https://instagram.com/bradgarropy
📧 bradgarropy@gmail.com

🔥 nextjs firebase setup

On this episode of React Wednesdays we welcomed Brandon Bayer (@flybayer), creator of Blitz.js. 

Blitz.js is a full-stack framework that’s built on top of Next.js, and inspired by full-stack frameworks like Ruby on Rails.

Brandon was awesome as always to demo Blitz.js for us, and answer our questions of why you should use Blitz.js over just using Next, and where Blitz.js got its name from. 
________________________________________________________________________
Follow us on social and say “Hi!”  

🐦Twitter: @KendoUI 
👥Facebook: KendoUI 

🎙️Catch up with our streamers & guests on social media! 
Follow TJ  @tjvantoll
Follow Dan  @DanWilson 
Follow Brandon @flybayer
 
🐔Watch our streams on https://www.telerik.com/react-wednesdays​ or https://twitch.tv/codeitlive​ 

▶️Discover the world of KendoReact in the replays of every episode of React Wednesdays: https://www.youtube.com/playlist?list...​

▶️ Explore all the new components and awesome features in KendoReact here: https://www.telerik.com/blogs/whats-new-kendoreact-r1-2021

Give KendoReact a spin with our free trial here: https://www.telerik.com/kendo-react-ui/​ 

Swing by our blog for updates, news, expert-written articles, and tutorials for developers: https://www.telerik.com/blogs​

#ReactWednesdays​ #Blitzjs #Framework