Adding a Database to Next.js πŸ–– #5 Building an Online Business

Adding a Database to Next.js πŸ–– #5 Building an Online Business



Adding Firebase Cloud Firestore to the Online BizπŸ’°Niz. Now we have a proper database, and thanks to next.js – server-side rendering. My sweet oh my it is very beautiful.

ACTUALLY – it’s a bird’s nest of code. Half the episode is looking for bug’s 🐞🐞🐞. WHAT’S NOT TO LIKE ABOUT THAT??

Pair-programming episode on Fun Fun Function
▢️ https://www.youtube.com/watch?v=_OTUGVAEWCA

Regular Expressions ULTRA BASICS
▢️ https://www.youtube.com/watch?v=VrT3TRDDE4M

Pusher’s dotenv article
πŸ”— https://pusher.com/tutorials/chat-sentiment-analysis-nextjs#setting-environment-variables

Firebase Cloud Firestore documentation
πŸ”— https://firebase.google.com/docs/firestore/quickstart

Learn Next.js with their own super great free tutorial/course
πŸ–– https://nextjs.org/learn/

The editor is called Visual Studio Code and is free
πŸ’» https://code.visualstudio.com/

DevTips is a weekly show for X, Y, and Z who want to be inspired πŸ‘ and learn πŸ–– about programming. Hosted by David and MPJ – two notorious bug generators πŸ’– and teachers πŸ€—. Exploring code together and learning programming along the way – yay!

source

Going from Sketch to React.js #2 Building an Online Business

Going from Sketch to React.js #2 Building an Online Business



Creating an HTML/React framework for our site from the Sketch sketch. Then realising… We should… Do things… Differently.

πŸ‘: we’re starting to do thing
πŸ˜“: we’re not really accomplishing much
πŸ‘: life

See the first video where we plan things out: https://www.youtube.com/watch?v=bgsuOm_pse4

Code from the episode: https://github.com/chhib/online-business/tree/dced9b7864b9d1bcd5d5b4ca572d15ff0dd534c3

source

Code Review 🦊 SO MUCH LEARNING #6 Building an Online Business

Code Review 🦊 SO MUCH LEARNING #6 Building an Online Business



Sponsored by: FullStack Javascript Developer Edegree on Kickstarter by EduonixΒ https://www.kickstarter.com/projects/1311831077/eduonix-fullstack-javascript-developer-edegree?ref=crrxoz

Explaining our project to MPJ to get feedback on the code. Basically we get him started up on his computer – which takes AGES. πŸ˜… Then we fix things from the last episode!

00:46 Setting MPJ up πŸ› 
14:28 Code Review BRIEF
17:29 Code Review FIXING IT UP
34:25 Retrospective 🏁 – What did we learn??

#codereview #pairprogramming #nextjs #reactjs

Last episode when David built the things we fix here
▢️ https://www.youtube.com/watch?v=AQ1ArQEw_Vw

This episodes code on Github
πŸ’» https://github.com/chhib/online-business/tree/06ddcacfadda16eaf41b7b5853318b4b11ad996e

Learn Next.js with their own super great free tutorial/course
πŸ–– https://nextjs.org/learn/

The editor is called Visual Studio Code and is free. Look for the Live Share extension to share your environment with friends
πŸ’» https://code.visualstudio.com/

DevTips is a weekly show for YOU who want to be inspired πŸ‘ and learn πŸ–– about programming. Hosted by David and MPJ – two notorious bug generators πŸ’– and teachers πŸ€—. Exploring code together and learning programming along the way – yay!

Fun Fun Function is the sister channel of DevTips
❀️ https://www.youtube.com/funfunfunction

source

Next.js Basics #3 Building an Online Business

Next.js Basics #3 Building an Online Business



To get server-side rendering (SSR) and routing with React – the go-to framework is Next.js. We convert our create-react-app into a Next.js app. Also how Next.js handles style tags tied to components, but written like CSS in the ordinary fashion – a very neat approach!

πŸ’–πŸ’–πŸ’– Next.js was suggested in the comments on the previous episode and it was a really great suggestion – thanks!!

Follow the series: https://www.youtube.com/playlist?list=PLqGj3iMvMa4K-QGq9uaF3BbPojp4xyoRw

Code from the episode
⌨️ https://github.com/chhib/online-business/tree/b016cb9be6e14a28aea641d8f05b6888f68d4a95

Learn Next.js with their own super great free tutorial/course
πŸ–– https://nextjs.org/learn/

source

THE PLAN #1 Let's build an online business πŸ’°

THE PLAN #1 Let's build an online business πŸ’°



NEW SERIES! We’re… building… an… ONLINE BUSINESS! Prepare for 105%-crash-and-burn total failure. It’ll be FUN and we’ll LEARN a lot! Expect:
πŸ“Š Business model
πŸ’° Sales
⌨️ Code
πŸ›‘ Testing
⏏️ Deployment
πŸ—Ί Marketing
πŸ’― Failure
❌ Minimal chance of Success. πŸ€—

But who cares!! We’ll learn a lot from this!

In this episode, David discusses the AFFILIATE MODEL and sets up a rough PLAN. He also sketches out the idea of the site and draws a wireframe in Sketch.

First though, as all “startups”, we need a NAME. Write your domain suggestion in the comments. Requirements:
β˜‘οΈ Name
β˜‘οΈ Available .com

Let’s get to it!

source