Prismic | We are rebuilding aliciakeys.com in Next.js + Prismic live! feat.@hamedbahram @Prismic | Uploaded March 2023 | Updated October 2024, 1 minute ago.
A community member, Hamed Bahram, will be building the site together with Alex Trost, who leads our Developer Experience team. Côme, Product Manager for our Developer Tools team (including Slice Machine), will be there, as well, to explain the latest product releases and give you a sneak peek of what’s coming.
That’s a great opportunity for you to get a crash course into how to build a great website with Prismic and Next.js.
Find the project on GitHub: github.com/HamedBahram/alicia-keys
Discover Hamed's great tutorials on his YouTube Channel: youtube.com/@hamedbahram
Hamed's Prismic Tutorial with Next.js: youtu.be/QeD31HHsREg
Chapters:
📍 00:00 Intro
📍 06:58 Welcome @hamedbahram, fullstack Next.js / Prismic Developer
📍 15:20 Let's rebuild aliciakeys.com website (Sliced inside Figma)
📍 21:45 Getting started with Next.js and Prismic
📍 29:22 Building and Pushing the first Slice
📍 48:40 Using Slice Simulator and using Mock Data
📍 56:35 Building the second Slice
📍 1:13:56 Creating a page with new Slices inside Prismic Page Builder
📍1:20:00 Adding scroll animations (GSAP)
📍1:36:48 Thank Hamed, checkout his YouTube channel
📍1:38:00 What's coming with Prismic Slice Machine (Product updates)
📍1:54:00 See you next month :)
---
As a developer, you should build websites using your favorite Jamstack framework.
Prismic allows you to build website sections, that you can connect to a website builder for your client or team. They will create pages from there and you get that content back to your code through our fast API.
► [Tutorial] Build a full website with Next.js 13, Prismic, Tailwind and Typescript:
youtu.be/nfZu56KsK_Q
► [Tutorial] Build a full website with Nuxt 3 and Prismic's new Page Builder:
youtu.be/8GmfcbuYOWE
► [Starters] Try Slice Machine on Nuxt: prismic.club/nuxt-starters
► [Starters] Try Slice Machine on Next.js: prismic.club/nextjs-starters
► [Learn more about Slice Machine]: prismic.club/slice-machine
---
► Find us also on:
Twitter: twitter.com/prismicio
Instagram: instagram.com/prismicio
LinkedIn: linkedin.com/company/prismic-io
► [Who are we?] : Prismic is a headless Website Builder, for Next.js and Nuxt.js developers.
---
Chapters :
#prismic #nextjs #course #headless
A community member, Hamed Bahram, will be building the site together with Alex Trost, who leads our Developer Experience team. Côme, Product Manager for our Developer Tools team (including Slice Machine), will be there, as well, to explain the latest product releases and give you a sneak peek of what’s coming.
That’s a great opportunity for you to get a crash course into how to build a great website with Prismic and Next.js.
Find the project on GitHub: github.com/HamedBahram/alicia-keys
Discover Hamed's great tutorials on his YouTube Channel: youtube.com/@hamedbahram
Hamed's Prismic Tutorial with Next.js: youtu.be/QeD31HHsREg
Chapters:
📍 00:00 Intro
📍 06:58 Welcome @hamedbahram, fullstack Next.js / Prismic Developer
📍 15:20 Let's rebuild aliciakeys.com website (Sliced inside Figma)
📍 21:45 Getting started with Next.js and Prismic
📍 29:22 Building and Pushing the first Slice
📍 48:40 Using Slice Simulator and using Mock Data
📍 56:35 Building the second Slice
📍 1:13:56 Creating a page with new Slices inside Prismic Page Builder
📍1:20:00 Adding scroll animations (GSAP)
📍1:36:48 Thank Hamed, checkout his YouTube channel
📍1:38:00 What's coming with Prismic Slice Machine (Product updates)
📍1:54:00 See you next month :)
---
As a developer, you should build websites using your favorite Jamstack framework.
Prismic allows you to build website sections, that you can connect to a website builder for your client or team. They will create pages from there and you get that content back to your code through our fast API.
► [Tutorial] Build a full website with Next.js 13, Prismic, Tailwind and Typescript:
youtu.be/nfZu56KsK_Q
► [Tutorial] Build a full website with Nuxt 3 and Prismic's new Page Builder:
youtu.be/8GmfcbuYOWE
► [Starters] Try Slice Machine on Nuxt: prismic.club/nuxt-starters
► [Starters] Try Slice Machine on Next.js: prismic.club/nextjs-starters
► [Learn more about Slice Machine]: prismic.club/slice-machine
---
► Find us also on:
Twitter: twitter.com/prismicio
Instagram: instagram.com/prismicio
LinkedIn: linkedin.com/company/prismic-io
► [Who are we?] : Prismic is a headless Website Builder, for Next.js and Nuxt.js developers.
---
Chapters :
#prismic #nextjs #course #headless
