Button Component w Variants Design and Implementation - Next.js 13 Blog and Portfolio

Channel:
Germany Cinderframe Live
Subscribers:
495
Published on ● Video Link: https://www.youtube.com/watch?v=8LsbSx0prns


Category:
Vlog
Duration: 1:24:00
102 views
7

In this series, I will be building my blog and portfolio app in livestreams. The tech stack I will use is Next.js + Ghost.org. Site is/will be live on afaruk.dev

Public Repo is available here: https://github.com/afgonullu/afarukdev-nextjs

Tech Stack
Next.js 13
Typescript
Tailwind
Husky
Storybook
Jest
ESLint
Prettier

I will be building using industry best practices and with scalability, sustainability and maintainability in mind.

I will try to utilize these features in my coding practice
Semantic Project Organization
Engine Locking
Linting and Formatting
Commit Linting
Tailwind Theme & Font
Typography Scales
Tailwind Linting
Component Templates
Component Styling

Ghost is served from Digital Ocean and Next.js app will be deployed to Vercel.



Other Videos By Cinderframe Live


2023-04-28🔴LIVE - Let's Make it Real and Painful - Mount and Blade II Bannerlord Gameplay
2023-04-28Featured Content Section - Next.js Tailwind Storybook Ghost CMS Blog and Portfolio Website Part 15
2023-04-26Landing Page Sections - Next.js Tailwind Storybook Ghost CMS Blog and Portfolio Website Part 14
2023-04-24ChatGPT wrote a Card Component for us - Next.js Tailwind Storybook Blog & Portfolio Website Part 13
2023-04-20🔴LIVE - Learn Trading and Economy - Mount and Blade II Bannerlord Gameplay
2023-04-18🔴LIVE - Married with Troops - Mount and Blade II Bannerlord Gameplay
2023-04-17🔴LIVE - Efficient Rookie - Mount and Blade II Bannerlord Gameplay
2023-04-17Next.js v13 Project - Extending and Refactoring Layouts and Components - Blog and Portfolio
2023-04-16🔴LIVE - Rookie at Level 1 - Mount and Blade II Bannerlord Gameplay
2023-04-14🔴LIVE - Civilization VI Gathering Storm End Game Victory
2023-04-14Button Component w Variants Design and Implementation - Next.js 13 Blog and Portfolio
2023-04-14A Veteran Civ Player Challenges the Brand New Civilization VI Gathering Storm!
2023-04-14🔴 Assassin's Creed Odyssey LIVE Gameplay 1440p
2023-04-14🔴 Assassin's Creed Odyssey LIVE Gameplay 1440p
2023-04-11The Last of Us Part 1 PC Episode 5 PC LIVE Gameplay 1440p
2023-04-11Unity Essentials Pathway - Let's Learn Unity 2022 for Indie Game Development
2023-04-10Wrap Up Main Layout and Dynamic Navbar Components - Next.js 13 Blog and Portfolio
2023-04-07Main Layout and Dynamic Navbar Design and Implementation- Next.js 13 Blog and Portfolio
2023-04-07Remind to Subscribe
2023-04-07Stinger Animation
2023-04-06First Late Game and Possible Victory? in Civilization VI Gathering Storm!


Tags:
next js 13
vercel
build in public
next js 13 tutorial
next js
next js 13 project
tailwind css
tailwind
storybook react
storybook tutorial
server side rendering react
ghost cms tutorial
nextjs
nextjs 13
next js tutorial
next js typescript
react
tailwind css tutorial
tailwind css project
tailwindcss
storybook react tutorial
react storybook
storybook
react storybook tutorial
server side rendering
react ssr
ghost cms
ghost blog
ghost cms vs wordpress