Zitronenstrasse

Romantic Spots in Berlin.

zitronenstrasse.com

GENERAL INFO

A side project with a list of romantic spots in Berlin.

Based on NuxtJS, Contentful Headless CMS, GraphQL and Google Maps.

INSTALLATION

1. Create a file in the root for env keys with this exact name: .env

2. Copy and past all code from the existing file .env.example into the new file .env

3. For each empty key .env file set the correct keys you will use from third-part services

Now you set the right keys. You're ready to start

BASIC CLI COMMANDS

# install dependencies
$ bun install

# serve with hot reload at localhost:8000
$ bun dev

# generate BUILD project
$ bun deploy-build

DEPLOY LOGIC/NOTE

We deploy using nuxt BUILD, not GENERATE (static site).

The project is using a internal API endpoint for GraphQL, that then proxies our real endpoint on Contentful.

Because we need to use a nuxt API endpoint (server), we cannot "generate". Meaning: you can generate at deploy, but then you should use a GraphQL an "external" and already existing endpoint.

TODO

• Nuxt 4 set, but NODE version + all packages need to be checked. if we update them we got conflicts/issue
• better image lazy fade effect
• check timeout and timing as config var?
• google map component: check object used (mapRef.value)
• google map and consent? start map only after user says all fine?
• space with REM (trick as pixels)?
• split sass variables in more files?
• sass font file with all vars
• transition between pages (improve animations)

NICE TO HAVE

• error page : 1) use layout, show FOOTER. 2) no transition effect 3) button back with NO js
• filter (where) for data of single page (gql query)
• load data at page switch? cannot pre generated all data? >> REAL STATIC + git hooks?
• check speed insight (June 2019). load map better (and later), for performance

ROAD MAP

• FILTERS: show places sorted by some kind of filter (only bars, only restaurants etc ...). Design + Code needs a concept.

• SHARE SINGLE PLACES: suggestion for sharing (on FB, as link) only a single place on the map. Conceptually possible? we have to check