rsnext/examples/with-framer-motion/pages/image/[index].js
Tim Neutkens 7e2d476e44
Update examples to use getStaticProps where possible (#11136)
* Remove micro example

* Remove page that uses getInitialProps

* Update with-docker example

* Update dynamic import example

* Update Fela example

* Update Flow example

* Update framer motion example

* Remove freactal example

* Remove with-higher-order-component

* Remove with-immutable-redux-wrapper as it shows avenues to performance issues

* Remove example that doesn't have usage

* Update with-kea

* Remove example that is not used

* Update next-page-transitions example

* Remove next-routes example as dynamic routes are supported by default

* Add link to documentation

* Update Overmind example

* Update pretty-url-routing example

* Remove update with low usage

* Update with-react-ga example

* Update React Helmet example

* Remove mobile-detect from carousel example

* Remove react-useragent as it shows a bad practice

* Remove react-uwp example as it has low usage

* Remove recompose example as it shows outdated practices

* Remove refnux example as it has low usage

* Remove example that can be created using api routes

* Update with-segment-analytics

* Update socket.io example

* Remove socket.io example as it's shows bad practices

* Update static export example

* Update universal configuration example
2020-03-17 15:07:27 +01:00

31 lines
614 B
JavaScript

import * as React from 'react'
import SingleImage from '../../components/SingleImage'
import { images } from '../../constants'
const Page = ({ index }) => {
return <SingleImage index={index} />
}
export async function getStaticProps({ params }) {
const number = Number.parseInt(params.index, 10)
return {
props: {
index: number,
},
}
}
export async function getStaticPaths() {
return {
paths: images.map((_id, index) => {
console.log(index)
return {
params: {
index: `${index}`,
},
}
}),
fallback: false,
}
}
export default Page