diff --git a/pages/awtis/[slug].js b/pages/awtis/[slug].js
new file mode 100644
index 0000000..8b44848
--- /dev/null
+++ b/pages/awtis/[slug].js
@@ -0,0 +1,75 @@
+import PropTypes from 'prop-types'
+import {Box} from '@mui/material'
+
+import AwtisDetay from '../../components/awtis/awtis-detay'
+import Footer from '../../components/footer'
+import HeadLayout from '../../components/head-layout'
+import {jwennAwtisEpiSlug} from '../../lib/oki-api'
+
+import Custom404 from '../404'
+
+export default function SlugAwtis({error, anAwtis}) {
+ if (error) {
+ return
+ }
+
+ const {foto} = anAwtis
+
+ const formatKouveti = () => {
+ if (foto.length === 0) {
+ return null
+ }
+
+ const [anFoto] = foto
+
+ if (anFoto && anFoto.formats && anFoto.formats.large) {
+ return anFoto.formats.large
+ }
+
+ if (anFoto && anFoto.formats && anFoto.formats.medium) {
+ return anFoto.formats.medium
+ }
+
+ if (anFoto && anFoto.formats && anFoto.formats.small) {
+ return anFoto.formats.small
+ }
+
+ return anFoto
+ }
+
+ return (
+
+
+
+
+
+
+ )
+}
+
+export async function getServerSideProps({query}) {
+ const {slug} = query
+ const anAwtis = await jwennAwtisEpiSlug(slug)
+
+ return {
+ props: {
+ error: Boolean(!anAwtis),
+ anAwtis: anAwtis ? anAwtis : null
+ }
+ }
+}
+
+SlugAwtis.defaultProps = {
+ anAwtis: null
+}
+
+SlugAwtis.propTypes = {
+ error: PropTypes.bool.isRequired,
+ anAwtis: PropTypes.object
+}