---
# System prepended metadata

title: MU profile

---

# MU profile

### Pages
- `/profile`
    - if user not connected display `social login` and `connect wallet` buttons
    - if user connected redirect to `/tz2H967..` (connected account)
- `/tz2H967..`
    - show user header
    - if no nft show empty state component
    - if nft show grid and open single nft in modal  (see [Modal Routing](https://www.youtube.com/watch?v=P4W_LaotmNI)) 
        - **not urgent** add pagination or infinite scroll
        -  - **not urgent** prev next navigation in modal

- `/tz2H967../[nftId]`
    - show nft details + plus back button (not urgent prev next navigation)

**Requirment:** single nft and profile must have opengraph data (see [seo component](https://github.com/tzConnectBerlin/sowvital/blob/main/src/components/SEO.tsx) in sowvital)

***Q**: can we use SSG for profiles and nft pages? does it make sense(nft nested in the profile generate a lot of duplicate pages)?*

---

### Pages TBD
- `/` homepage
- `/help` 
- `policies/terms-of-service`
- `/policies/cookies`
- `/privacy`
-  marketing content pages?

***Q**: should we use MDX for some these pages?*

***Q**: should we consider internationalization (i18n) now and Internationalized Routing?*


---

### Components

###### Design system
- [x] Button
- [x] Card
- [x] Text
- [x] Heading
- [x] Avatar
- [x] Accordion
- [ ] Modal

###### Layout
- [x] Layout
- [x] Container
- [ ] Navbar
    - User Menu
    - Connect Popover
- [ ] Footer

###### Others
- [ ] Account
- [ ] User Header
- [ ] Connect component for profile

###### Nft
- [x] NftMedia
- [x] NftCard
- [x] NftModal
- [x] NftDetails
- [ ] NftGrid
- [ ] Empty list
