Files

.devcontainer
.github
.husky
.vscode
bench
contributing
docs
errors
examples
- active-class-name
- amp-first
- amp-story
- 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
- api-routes
- auth-with-stytch
- auth0
- authsignal
- basic-css
- basic-export
- blog-starter-typescript
- blog-starter
- blog-with-comment
- blog
- 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
- cms-makeswift
- cms-plasmic
- cms-prepr
- cms-prismic
- cms-sanity
- cms-sitefinity
- cms-storyblok
- cms-strapi
- cms-takeshape
- cms-tina
- cms-umbraco-heartcore
- cms-webiny
- cms-wordpress
- convex
- custom-routes-proxying
- custom-server-typescript
- custom-server
- data-fetch
- dynamic-routing
- environment-variables
- evm-multichain-dapp
- fast-refresh-demo
- github-pages
- head-elements
- headers
- hello-world-esm
- hello-world
- i18n-routing
- image-component
- image-legacy-component
- layout-component
- markdoc
- middleware-matcher
- middleware
- modularize-imports
- nested-components
- next-css
- next-forms
- next-offline
- page-transitions
- parameterized-routing
- progressive-render
- progressive-web-app
- radix-ui
- react-remove-properties
- redirects
- remove-console
- reproduction-template
- rewrites
- script-component
- ssr-caching
- styled-jsx-with-csp
- svg-components
- using-preact
- using-router
- with-ably
- with-absolute-imports
- with-algolia-react-instantsearch
- with-ant-design
- with-aphrodite
- with-apivideo
- with-apollo-and-redux
- with-apollo-neo4j-graphql
- with-apollo
- with-app-layout
- with-aws-amplify-typescript
- with-aws-amplify
- with-axiom
- with-babel-macros
- with-chakra-ui-typescript
- with-chakra-ui
- with-clerk
- with-cloudinary
- with-compiled-css
- with-contentlayer
- with-context-api
- with-cookie-auth-fauna
- with-cookie-auth
- with-cookies-next
- with-couchbase
- with-cssed
- with-custom-babel-config
- with-cxs
- with-cypress
- with-deta-base
- with-docker-compose
- with-docker-multi-env
- with-docker
- with-dotenv
- with-draft-js
- with-dynamic-import
- with-edgedb
- with-elasticsearch
- with-electron-typescript
- with-electron
- with-emotion-swc
- with-emotion-vanilla
- with-emotion
- with-env-from-next-config-js
- with-eslint
- with-expo-typescript
- with-expo
- with-facebook-pixel
- with-fauna
- with-fela
- with-filbert
- with-fingerprintjs-pro
- with-firebase-authentication-serverless
- with-firebase-authentication
- with-firebase-cloud-messaging
- with-firebase-hosting
- with-firebase
- with-flow
- with-formspree
- with-framer-motion
- with-geist-ui
- with-glamorous
- with-global-stylesheet-simple
- with-global-stylesheet
- with-goober
- with-google-analytics-amp
- with-google-analytics
- with-google-tag-manager
- with-grafbase
- with-graphql-faunadb
- with-graphql-gateway
- with-graphql-hooks
- with-graphql-react
- with-grommet
- with-gsap
- with-hls-js
- with-http2
- with-i18n-next-intl
- with-i18n-rosetta
- with-ionic-typescript
  - pages
  - public
  - .gitignore
  - README.md
  - ionic.d.ts
  - next.config.js
  - package.json
  - tsconfig.json
- with-iron-session
- with-jest-babel
- with-jest
- with-joi
- with-jotai
- with-kea
- with-knex
- with-linaria
- with-lingui
- with-loading
- with-magic
- with-mantine
- with-markdown
- with-material-ui
- with-mdbreact
- with-mdx-remote
- with-mdx
- with-mobx-react-lite
- with-mobx-state-tree-typescript
- 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-netlify-cms
- with-next-auth
- with-next-css
- with-next-i18next
- with-next-multilingual
- with-next-offline
- with-next-page-transitions
- with-next-routes
- with-next-sass
- with-next-seo
- with-next-sitemap
- with-next-translate
- with-next-ui
- with-nhost-auth-realtime-graphql
- with-now-env
- with-orbit-components
- with-overmind
- with-particles
- with-passport-and-next-connect
- with-passport
- with-paste-typescript
- with-patternfly
- with-plausible
- with-playwright
- with-polyfills
- with-portals-ssr
- with-portals
- with-postgres
- with-prefetching
- with-pretty-url-routing
- with-prisma
- with-quill-js
- with-rbx-bulma-pro
- with-react-bootstrap
- with-react-foundation
- with-react-ga
- with-react-helmet
- with-react-hook-form
- with-react-intl
- with-react-jss
- with-react-md-typescript
- with-react-md
- with-react-multi-carousel
- with-react-native-web
- with-react-query
- with-react-toolbox
- with-react-with-styles
- with-reactstrap
- with-realm-web
- with-reason-relay
- with-reasonml-todo
- with-reasonml
- with-rebass
- with-recoil
- with-redis
- with-redux-observable
- with-redux-persist
- with-redux-saga
- with-redux-thunk
- with-redux-toolkit-typescript
- with-redux-toolkit
- with-redux-wrapper
- with-redux
- with-reflexjs
- with-reflux
- with-relay-modern
- with-rematch
- with-route-as-modal
- with-segment-analytics
- with-semantic-ui
- with-sentry-simple
- with-sentry
- with-service-worker
- with-sfcc
- with-shallow-routing
- with-sitemap
- with-skynexui-components
- with-slate
- with-static-export
- with-stencil
- with-stitches
- with-stomp
- with-storybook-styled-jsx-scss
- with-storybook
- with-strict-csp-hash
- with-strict-csp
- with-stripe-typescript
- with-styled-components-babel
- with-styled-components-rtl
- with-styled-components
- with-styled-jsx-plugins
- with-styled-jsx-postcss
- with-styled-jsx-scss
- with-styled-jsx
- with-styletron
- with-supabase-auth-realtime-db
- with-supertokens
- with-sw-precache
- with-tailwindcss-emotion
- with-tailwindcss
- with-temporal
- with-tesfy
- with-three-js
- with-tigris
- with-trpc
- with-turbo
- with-turbopack
- with-typescript-graphql
- with-typescript-styled-components
- with-typescript-types
- with-typescript
- with-typestyle
- with-universal-configuration-build-time
- with-universal-configuration-runtime
- with-unsplash
- with-unstated
- with-urql
- with-userbase
- with-vanilla-extract
- with-vercel-fetch
- with-videojs
- with-vitest
- with-web-worker
- with-webassembly
- with-why-did-you-render
- with-windicss
- with-xata
- with-xstate
- with-yarn-workspaces
- with-yoga
- with-zones
- with-zustand
packages
scripts
test
.alexignore
.alexrc
.eslintignore
.eslintrc.json
.gitattributes
.gitignore
.npmrc
.prettierignore
.prettierignore_staged
.prettierrc.json
CODE_OF_CONDUCT.md
SECURITY.md
UPGRADING.md
azure-pipelines.yml
contributing.md
jest.config.js
jest.replay.config.js
lerna.json
license.md
lint-staged.config.js
package.json
plopfile.js
pnpm-lock.yaml
pnpm-workspace.yaml
readme.md
release.js
run-tests.js
test-file.txt
tsconfig-tsec.json
tsconfig.json
tsec-exemptions.json
turbo.json
vercel.json

with-ionic-typescript

craigwheeler

Update Examples to use React 18 (vercel#42027 )

Oct 28, 2022

57426a2 · Oct 28, 2022

History

This branch is 14571 commits behind vercel/next.js:canary.

Name	Name	Last commit message	Last commit date
parent directory ..
pages	pages	docs: add example of Ionic with TypeScript (vercel#18532 )	Dec 11, 2020
public	public	docs: add example of Ionic with TypeScript (vercel#18532 )	Dec 11, 2020
.gitignore	.gitignore	Update default gitignore templates (vercel#39051 )	Jul 27, 2022
README.md	README.md	docs(examples): improve DX while copying command to create new project (	Jul 27, 2022
ionic.d.ts	ionic.d.ts	docs: add example of Ionic with TypeScript (vercel#18532 )	Dec 11, 2020
next.config.js	next.config.js	[Docs] Add config types to all examples (vercel#40083 )	Aug 31, 2022
package.json	package.json	Update Examples to use React 18 (vercel#42027 )	Oct 28, 2022
tsconfig.json	tsconfig.json	docs: add example of Ionic with TypeScript (vercel#18532 )	Dec 11, 2020

README.md

Ionic with TypeScript Example

Example app using Next.js with Ionic and TypeScript. You can learn more about Ionic in the documentation.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

Execute create-next-app with Yarn or npx to bootstrap the example:

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

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

pnpm create next-app --example with-ionic-typescript with-ionic-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-ionic-typescript

with-ionic-typescript

README.md

Ionic with TypeScript Example

Deploy your own

How to use

Files

with-ionic-typescript

Directory actions

More options

Directory actions

More options

Latest commit

History

with-ionic-typescript

Folders and files

parent directory

README.md

Ionic with TypeScript Example

Deploy your own

How to use