Tag: codeSTACKr

[#Script #Coding] The Edge is the Future! What are Edge Functions? Exploring Netlify Edge Functions

Posted on by Eric Brooks

The Edge is the Future! What are Edge Functions? Exploring Netlify Edge Functions

By codeSTACKr
Published: May 02, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

In this video, you’ll learn what the Edge is and how edge functions can help you get content to your users faster!

So, what is the Edge? Generally, when you go to a website, that site might be hosted on the other side of the world. Depending on where you are, it may take longer to load.

The edge is a network of servers around the world that automatically detects where your user is located and serves content to them from the closest server.

The CEO of Netlify, Matt Biilmann, says that they are building an open-source runtime for the edge, poised to be an industry standard that is not proprietary to Netlify.

The Netlify edge functions allow you to run serverless JavaScript or TypeScript functions directly on their edge network. The key to this is Deno. Deno is a secure by default runtime that enables out-of-the-box compatibly with many web frameworks.

Netlify’s Edge Functions don’t require a framework, but they do work with Astro, Eleventy, Hydrogen, Next.js, Nuxt, Remix, SvelteKit, and many others.

You can even stream and render an entire site from the edge!
The bottom line is, you get content to your users faster!

    Resources

  • Netlify Edge Functions Examples: https://edge-functions-examples.netli…
  • Sign up for a Free MongoDB Atlas Database: https://www.mongodb.com/cloud/atlas/r…
  • MongoDB Atlas Data API: https://www.mongodb.com/docs/atlas/ap…
    Tools I use:

  • codeSTACKr Theme: https://marketplace.visualstudio.com/…
  • STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
  • SuperHero Extension Pack: https://marketplace.visualstudio.com/…
    Timestamps

  • 00:00 – Intro
  • 00:11 – What is the Edge?
  • 01:32 – What is possible with Edge Functions?
  • 01:46 – Bare Bones Example
  • 03:12 – Next.js Example
  • 03:58 – Geolocation
  • 04:51 – Content Localization
  • 06:17 – Create and modify cookies
  • 06:52 – A/B Testing
  • 08:26 – Fetching data from the edge
[READ MORE]

”

[#Script #Coding] Top VS Code Updates | v1.69 Released!! | Tips & Tricks 2021 (Visual Studio Code)

Posted on by Eric Brooks

Top VS Code Updates | v1.69 Released!! | Tips & Tricks 2021 (Visual Studio Code)

By codeSTACKr
Published: Jul 20, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

In this video, we are going to look at some of the recent updates to VS Code (Visual Studio Code) with version 1.69. There are several great improvements.

If you want to learn more about VS Code, check out my VS Code course at https://vsCodeHero.com.

”

[#Script #Coding] How to create an NFT website landing page & Deploy for FREE (Complete tutorial | EASY!)

Posted on by Eric Brooks

How to create an NFT website landing page & Deploy for FREE (Complete tutorial | EASY!)

By codeSTACKr
Published: Jan 26, 2022

“
codeSTACKr In this video, I’m going to show you how to create your own custom landing page for your NFT project. Including a countdown timer and MetaMask integration. We’ll even deploy it for FREE on Netlify.

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

    OTHER VIDEOS

  1. How To Create An ENTIRE NFT Collection (10,000+) & MINT for FREE: https://youtu.be/AaCgydeMu64
  2. Create LAYERS for your 10,000 NFT Collection for FREE: https://youtu.be/k72aCI1VyKM
  3. List & Reveal An ENTIRE NFT Collection (10,000+): https://youtu.be/Iy1n_LxUwZs

Become A VS Code SuperHero Today: https://vsCodeHero.com

  • HTML Crash Course: https://youtu.be/XiQ9rjaa2Ow
  • CSS Crash Course: https://youtu.be/Tfjd5yzCaxk
  • JavaScript Crash Course: https://youtu.be/d5ob3WAGeZE
    Timestamps

  • 00:00 – Intro
  • 01:05 – Project Set Up
  • 02:39 – Customize the Landing Page
  • 06:58 – MetaMask Landing Page Integration
  • 09:06 – Commit & Sync Changes with GitHub
  • 09:38 – Deploy Site with Netlify for FREE

”

[#Script #Coding] STOP!! Know Before You Buy or Sell! Is Your NFT Rare? – NFT Rarity Calculator

Posted on by Eric Brooks

STOP!! Know Before You Buy or Sell! Is Your NFT Rare? – NFT Rarity Calculator

By codeSTACKr
Published: Mar 01, 2022

“
codeSTACKr Check out the collection I made:
https://codecats.xyz

Join my Discord community: https://discord.gg/A9CnsVzzkZ

Do you want to figure out the rarities of each NFT in your collection?
How about that NFT you bought the other day, do you want to know how rare it might be?
Before you buy an NFT, you should know how rare it is.

Stop wasting money and let me show you how to find the rarity of NFTs in any collection with my NFT Rarity Calculator!

Become A VS Code SuperHero Today: https://vsCodeHero.com

    Timestamps

  • 00:00 – Intro
  • 00:56 – The Rarity Calculation Formula
  • 02:03 – Using the Rarity Calculator
  • 02:36 – Integrated in 10K NFT Collection Repo
  • 06:07 – Use Rarity Calculator for any NFT Collection
  • 10:18 – SPECIAL ANNOUNCEMENT!!

Show support!
PayPal: https://paypal.me/codeSTACKr

Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

[READ MORE]

”

[#Script #Coding] What is JavaScript? Click to watch more…

Posted on by Eric Brooks

What is JavaScript? Click to watch more…

By codeSTACKr
Published: Aug 19, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

JavaScript explained quickly!

”

[#Script #Coding] Free Up Disk Space NOW!! No More node_modules Folders Taking Up Space!!

Posted on by Eric Brooks

Free Up Disk Space NOW!! No More node_modules Folders Taking Up Space!!

By codeSTACKr
Published: Aug 02, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Run npx npkill to free up disk space from all of the node_modules folders that are laying around collecting dust.

”

[#Script #Coding] Learning to Code is NOT Hard!!

Posted on by Eric Brooks

Learning to Code is NOT Hard!!

By codeSTACKr
Published: Sep 01, 2022

“
codeSTACKr Learning to code is not hard. You have to first realize that you don’t have to know and remember everything!

Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

”

[#Script #Coding] Learning to code is HARD – Unless you do this!

Posted on by Eric Brooks

Learning to code is HARD – Unless you do this!


By codeSTACKr
Published: Jul 09, 2022

“
codeSTACKr “Ten++ Ways to Make Money as a Developer” eBook:
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Learning to code can seem very hard. You might think that you are spinning your wheels and not getting anywhere. You’ve watched videos, taken courses, and built the projects you were told to build, but it’s just not clicking!

I have the solution for you.. BUILD, BUILD, BUILD

    Here are some app ideas

  • RGB generator
  • Tip calculator
  • Weather app
  • portfolio
  • Todo
  • tic tac toe
  • social platform (twitter clone)
  • The best ideas come from solving issues that you personally face.

”

[#Script #Coding] STEP BY STEP Create LAYERS for your 10,000 NFT Collection for FREE – Make NFTs in Photoshop or Figma

Posted on by Eric Brooks

STEP BY STEP Create LAYERS for your 10,000 NFT Collection for FREE – Make NFTs in Photoshop or Figma


By codeSTACKr
Published: Jan 16, 2022

“
codeSTACKr

I’ve gotten a ton of requests to show you how to create layers for your NFT collections. So, in this video, I’m going to show you how to do this using either Adobe Photoshop or Figma.
How To Create An ENTIRE NFT Collection (10,000+) & MINT In Under 1 Hour for FREE: https://ericbrooks.com/whuzzup…

Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

”

[#Script #Coding] NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development

Posted on by Eric Brooks

NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development


By codeSTACKr
Published: Dec 18, 2021

“
codeSTACKr FREE 2022 Web Development Roadmap: https://courses.codestackr.com/2022-web-dev-roadmap
All of the resource links from the video are in the roadmap.

Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

“Ten++ Ways to Make Money as a Developer” eBook:
_____________________________________

With so many web dev technologies and languages out there, it can be overwhelming to get started in web development. And if you are already a web developer you may find it difficult to keep up with new technology and trends. This web development roadmap will help guide you in deciding what technology and languages you should learn about in 2022 and beyond. We will cover all of the most popular languages and technology, focusing on full-stack web development. We will also look at the current trends to look out for in 2022. There’s no better time to start than now!

If you are just starting out or even thinking about starting a career in web development, look no further. This ultimate roadmap and complete guide will help you understand what you should be focusing your time on.

    Timestamps

  • 00:00 – Intro
  • 01:43 – Top Skill to Learn
  • 02:29 – How The Internet Works
  • 02:49 – Basic Tools
  • 04:37 – Coding Languages
  • 06:57 – Terminal
  • 07:17 – Version Control
  • 07:48 – Hosting & Deployment
  • 08:25 – Front-end Developer
  • 08:41 – Back-End Development with Node.js
  • 09:18 – APIs
  • 10:03 – Databases
  • 12:13 – JavaScript Frameworks
  • 13:57 – CSS Frameworks
  • 14:22 – Authentication
  • 14:50 – Content Management Systems (CMS)
  • 15:46 – Full-stack Developer
  • 16:11 – Soft Skills & Personal Development
  • 16:55 – Other, Optional Tech
  • 21:08 – Never Stop Learning & Never Give Up!!
[READ MORE]

”

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.

Connect