Files

.cargo
.config
.devcontainer
.github
.husky
.vscode
bench
contributing
crates
docs
errors
examples
- active-class-name
- amp
- analyze-bundles
- api-routes-apollo-server-and-client-auth
- api-routes-apollo-server-and-client
- api-routes-apollo-server
- api-routes-cors
- api-routes-graphql
- api-routes-middleware
- api-routes-rate-limit
- api-routes-rest
- auth-with-stytch
- auth
- auth0
- basic-css
- basic-export
- blog-starter
- blog-with-comment
- blog
- cache-handler-redis
- catch-all-routes
- cloudflare-turnstile
- cms-agilitycms
- cms-builder-io
- cms-buttercms
- cms-contentful
- cms-cosmic
- cms-datocms
- cms-dotcms
- cms-drupal
- cms-enterspeed
- cms-ghost
- cms-graphcms
- cms-keystonejs-embedded
- cms-kontent-ai
- cms-makeswift
- cms-payload
- cms-plasmic
- cms-prepr
- cms-prismic
- cms-sanity
- cms-sitecore-xmcloud
- cms-sitefinity
- cms-storyblok
- cms-strapi
- cms-takeshape
- cms-tina
- cms-umbraco-heartcore
- cms-umbraco
- cms-webiny
- cms-wordpress
- convex
- custom-routes-proxying
- custom-server
- dynamic-routing
- environment-variables
- github-pages
- head-elements
- headers
- hello-world
- i18n-routing-pages
- i18n-routing
- image-component
- image-legacy-component
- image-secure-compute
- inngest
- layout-component
- markdoc
- mdx-pages
- mdx-remote
- mdx
- middleware-matcher
- middleware
- nested-components
- next-css
- next-forms
- panda-css
- progressive-web-app
- radix-ui
- react-remove-properties
- redirects
- remove-console
- reproduction-template-pages
- reproduction-template
- rewrites
- route-handlers
- script-component
- server-actions-upload
- ssr-caching
- svg-components
- with-ably
- with-absolute-imports
- with-algolia-react-instantsearch
- with-ant-design
- with-apivideo
- with-apollo-and-redux
- with-apollo
- with-axiom
- with-azure-cosmos
- with-babel-macros
- with-chakra-ui
- with-clerk
- with-cloudinary
- with-compiled-css
- with-contentlayer
- with-context-api
- with-cookies-next
- with-couchbase
- with-custom-babel-config
- with-cxs
- with-cypress
- with-docker-compose
- with-docker-multi-env
- with-docker
- with-dynamic-import
- with-edgedb
- with-elasticsearch
- with-electron-typescript
- with-electron
- with-emotion
- with-eslint
- with-expo-typescript
- with-facebook-pixel
- with-fauna
- with-fela
- with-filbert
- with-fingerprintjs-pro
- with-firebase-cloud-messaging
- with-firebase-hosting
- with-firebase
- with-flow
- with-formspree
- with-framer-motion
- with-goober
- with-google-analytics
- with-google-maps-embed
- with-google-tag-manager
- with-grafbase
- with-graphql-gateway
- with-graphql-hooks
- with-graphql-react
- with-gsap
- with-hls-js
- with-http2
- with-i18n-next-intl
- with-i18n-rosetta
- with-ionic
- with-iron-session
- with-jest-babel
- with-jest
- with-joi
- with-jotai
- with-kea
- with-knex
- with-linaria
- with-lingui
- with-magic
- with-mantine
- with-mdbreact
- with-meilisearch
- with-mobx-state-tree
- with-mobx
- with-mocha
- with-mongodb-mongoose
- with-mongodb
- with-mqtt-js
- with-msw
- with-mux-video
- with-mysql
- with-neo4j
- with-next-page-transitions
- with-next-seo
- with-next-sitemap
- with-next-translate
- with-next-ui
- with-nhost-auth-realtime-graphql
- with-opentelemetry
- with-orbit-components
- with-overmind
- with-particles
- with-passport-and-next-connect
- with-passport
- with-paste-typescript
  - pages
  - public
  - .gitignore
  - README.md
  - package.json
  - tsconfig.json
- with-plausible
- with-playwright
- with-polyfills
- with-portals-ssr
- with-portals
- with-postgres
- with-prefetching
- with-quill-js
- with-rbx-bulma-pro
- with-react-bootstrap
- with-react-ga4
- with-react-hook-form
- with-react-intl
- with-react-md-typescript
- with-react-multi-carousel
- with-react-native-web
- with-react-toolbox
- with-reactstrap
- with-realm-web
- with-rebass
- with-recoil
- with-redis
- with-redux
- with-reflexjs
- with-reflux
- with-relay-modern
- with-rematch
- with-route-as-modal
- with-rspack
- with-sass
- with-segment-analytics-pages-router
- with-segment-analytics
- with-sentry
- with-service-worker
- with-sfcc
- with-shallow-routing
- with-sitemap
- with-slate
- with-static-export
- with-stencil
- with-stitches
- with-storybook
- with-strict-csp
- with-stripe-typescript
- with-styled-components
- with-styled-jsx
- with-styletron
- with-supabase
- with-supertokens
- with-temporal
- with-three-js
- with-tigris
- with-turbopack-loaders
- with-turbopack
- with-turso
- with-typescript-graphql
- with-typescript-types
- with-typescript
- with-unsplash
- with-urql
- with-userbase
- with-vanilla-extract
- with-videojs
- with-vitest
- with-web-worker
- with-webassembly
- with-windicss
- with-xata
- with-xstate
- with-yarn-workspaces
- with-yoga
- with-youtube-embed
- with-zones
- with-zustand
- .prettierrc.json
packages
patches
scripts
test
turbo
turbopack
.alexignore
.alexrc
.cursorindexingignore
.eslintignore
.eslintrc.cli.json
.eslintrc.json
.git-blame-ignore-revs
.gitattributes
.gitignore
.ignore
.node-version
.npmrc
.prettierignore
.prettierrc.json
.rustfmt.toml
CODE_OF_CONDUCT.md
Cargo.lock
Cargo.toml
UPGRADING.md
contributing.md
jest.config.js
jest.config.turbopack.js
lerna.json
license.md
lint-staged.config.js
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
readme.md
release.js
run-tests.js
rust-toolchain.toml
sgconfig.yml
socket.yaml
test-file.txt
tsconfig-tsec.json
tsconfig.json
tsec-exemptions.json
turbo.json
vercel.json

with-paste-typescript

Name		Name	Last commit message	Last commit date
parent directory ..
pages		pages
public		public
.gitignore		.gitignore
README.md		README.md
package.json		package.json
tsconfig.json		tsconfig.json

README.md

Example app with Paste and TypeScript

This example features how to use Paste as the component library within a Next.js app with TypeScript.

Next.js and Paste have built-in TypeScript declarations, so you'll get autocompletion for their modules straight away.

pages/_app.tsx is used to connect Paste's Theme Provider so the pages can have app-wide styles.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-paste-typescript with-paste-typescript-app

yarn create next-app --example with-paste-typescript with-paste-typescript-app

pnpm create next-app --example with-paste-typescript with-paste-typescript-app

Deploy it to the cloud with Vercel (Documentation).

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Files

with-paste-typescript

with-paste-typescript

README.md

Example app with Paste and TypeScript

Deploy your own

How to use

Files

with-paste-typescript

Directory actions

More options

Directory actions

More options

Latest commit

History

with-paste-typescript

Folders and files

parent directory

README.md

Example app with Paste and TypeScript

Deploy your own

How to use