petermekhaeil / netlify-graph-remix

Netlify Graph + Remix

Hi 👋 My name is Peter Mekhaeil

I am an experienced web developer with a focus on optimizing performance and delivering a seamless user experience. I teach about web development using the latest technologies.

• 🌍 I'm based in Singapore
• 🖥️ See my portfolio at petermekhaeil.com
• 🧠 I document my daily learnings in my Today I Learned repository.
• 🤝 I'm available as a mentor on ADPlist.
• ⚡ I have a diverse background, having been born in Egypt and raised in Australia. This upbringing sparked my love for computers, cars, and the outdoors. When I'm not working on the web, you can find me running and exploring new outdoor locations.

Skills

Socials

My latest posts

• How to build an npx starter template
• Typescript tips by Matt Pocock
• How to keep undefined values in JSON.stringify
• Proxying Ackee through Netlify
• 3 benefits interviews bring you
• Measuring the performance of the McLaren Racing website
• How to build an app with Remix and Netlify Graph
• How I landed my first job as a software engineer
• Jamstack vs Traditional Web
• How to get started with improving site performance
• Page Speed Comparison of Singapore Commerce
• Data Fetching in Next.js
• Improving Shopify page performance using Next.js
• Notes - The Coding Career Handbook
• Page Speed Performance of Formula 1 Websites
• Using FaunaDB and Netlify Functions for Analytics
• Adding Dark Mode to your Tailwind CSS website
• What I have learnt as an engineering manager
• Be strong like your code

netlify-graph-remix's Issues

Getting Started With Remix and Netlify Graph

Remix

Create a new Remix site. Choose "Netlify" when prompted:

$ npx create-remix@latest

Netlify CLI

Install the latest version of Netlify CLI:

$ npm i -g netlify-cli@latest
$ ntl login

Change directory to your new project and create a new Netlify site:

$ cd [name of project]
$ ntl lnit

Start Development Server

Start Netlify Dev Server with --graph:

$ ntl dev --graph

Create a GraphQL query with Graph Explorer

Select your site from your Netlify team dashboard and then select “Graph” from your Netlify site dashboard menu.

Netlify Graph + Remix = ❤️

Netlify Graph provides developers with a GraphQL-based approach to integrating with third-party APIs without needing to operate a seperate GraphQL server. Developers do not need to spend time learning the API structure of each provider and writing code to piece it together, which improves productivity and reduces time-to-market.

Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience.