good-idea

Congratulations! You've set up some basic scripts that allow you to deploy your website's code to the Vercel hosting platform.

Haven't installed anything yet? See the SETUP.md file here for instructions.

You should see three new .command files in your folder. You can click on these to perform actions:

• preview-local.command: View your local changes in the browser. You can visit http://localhost:3000 in your browser. This command will continue to run in the terminal that opens. To exit, press Control+C, or close the Terminal pane. (You will see some warnings about a process still running - it is OK to close)

good-idea

// copied & modified from:
// https://github.com/nhi/sanity-block-content-to-react-types

declare module '@sanity/block-content-to-react' {
  import * as React from 'react';

  export interface Serializers {
    /**
     * Serializers for block types
     * @example

good-idea

1. Install Verdaccio - npm install --global verdaccio | yarn global add verdaccio
2. Register an account and organization at npmjs.com. The org can be your github handle, or anything else you'd like. The org will be the "scope" for your package, i.e. @my-org/my-package
3. Install [asdf](http://asdf-vm.com/guide/getting-started.html#_3-install-asdf) then run asdf install nodejs 14.17.6

good-idea

.
└── Evaluate expr: ([0])
    │        legacyArraySemantics: true
    └── Map expr: ({
        │     ...,
        │     \"body\": body[].<LegacyScope expr={
        │       ...,
        │       \"asset\": asset._ref.<LegacySingleKeyJoin source=___refJoin_2 keyExpr=_id>.<LegacyScope expr={
        │         \"_id\": _id,
        │         \"extension\": extension,

good-idea

// all the existing imports..
import { useRefetch } from '../src/hooks'


const productQuery = gql`
  ...
`

interface Response {
  allShopifyProduct: ShopifyProduct[]

good-idea

import * as React from 'react';
import { RatioImageFill } from './styled';

interface RatioPaddingProps {
  ratio: number;
  canvasFill?: boolean;
  backgroundColor?: string;
}

export const RatioPadding = ({

good-idea

import {
  Article,
  ArticleGroup,
  Homepage,
  Topic,
  Model,
  GlossaryTerm,
  ObjectScalarProperty,
  Steps,
  Step,

good-idea

import * as React from 'react';
import { SanityDocument } from '@sanity/client';
import { withDocument } from 'part:@sanity/form-builder';
import { Stack, Select, Heading, Button, Text } from '@sanity/ui';
import { useDocumentOperation } from '@sanity/react-hooks';
import createImageUrlBuilder from '@sanity/image-url';

import client from '../utils/client';
import { definitely } from '../utils/definitely';

good-idea

A simple hook to create a "lazy request" hook using swr.

! This isn't perfect !

The problem with the example below is that you need to know your variables when you call useLazyRequest. This might not work in all situations, for instance, if your component is getting the variables from state that might change. This could be fixed by putting the call to useLazyRequest within a child component that receives those variables as props.

See the typescript example below.

Not fully tested, I just wrote this on the fly. If you have any suggestions, please add them in a comment!

good-idea

/**

  WARNING: THIS DELETES DATA
  
  Run this within your Sanity project directory with:

  yarn sanity exec --with-user-token removeSaneShopifyDocuments.js

**/