diff --git a/package.json b/package.json
index 9a51ca5..7f2a3b7 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
     "@babel/plugin-transform-runtime": "^7.9.0",
     "@babel/preset-env": "^7.9.0",
     "@babel/runtime": "^7.9.2",
+    "@rollup/plugin-alias": "^3.0.1",
     "@rollup/plugin-commonjs": "^11.0.2",
     "@rollup/plugin-node-resolve": "^7.1.1",
     "@rollup/plugin-replace": "^2.3.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ccd962c..1ed829c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,6 +15,7 @@ devDependencies:
   '@babel/plugin-transform-runtime': 7.9.0_@babel+core@7.9.0
   '@babel/preset-env': 7.9.0_@babel+core@7.9.0
   '@babel/runtime': 7.9.2
+  '@rollup/plugin-alias': 3.0.1_rollup@2.3.0
   '@rollup/plugin-commonjs': 11.0.2_rollup@2.3.0
   '@rollup/plugin-node-resolve': 7.1.1_rollup@2.3.0
   '@rollup/plugin-replace': 2.3.1_rollup@2.3.0
@@ -891,6 +892,15 @@ packages:
     dev: false
     resolution:
       integrity: sha512-3NsZsJIA/22P3QUyrEDNA2D133H4j224twJrdipXN38dpnIOzAbUDtOwkcJ5pXmn75w7LSQDjA4tO9dm1XlqlA==
+  /@rollup/plugin-alias/3.0.1_rollup@2.3.0:
+    dependencies:
+      rollup: 2.3.0
+      slash: 3.0.0
+    dev: true
+    peerDependencies:
+      rollup: ^1.20.0
+    resolution:
+      integrity: sha512-ReSy6iPl3GsWLMNeshXAfgItZFMoMOTYC7MZQQM5va4pqxiGgwl1xZUZfHW6zGyZPK+k8TBadxx+kdmepiUa+g==
   /@rollup/plugin-commonjs/11.0.2_rollup@2.3.0:
     dependencies:
       '@rollup/pluginutils': 3.0.8_rollup@2.3.0
@@ -3963,6 +3973,12 @@ packages:
       node: '>= 6'
     resolution:
       integrity: sha512-dQbZnsMaIiTQPZmbGmktz+c74zt/hyrJEB4tdp2Jj0RNv9J6B/OWR5RyrZEvIn9fyh9Zlg2OlE2XzKz6wMKGAw==
+  /slash/3.0.0:
+    dev: true
+    engines:
+      node: '>=8'
+    resolution:
+      integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
   /slice-ansi/2.1.0:
     dependencies:
       ansi-styles: 3.2.1
@@ -4515,6 +4531,7 @@ specifiers:
   '@babel/plugin-transform-runtime': ^7.9.0
   '@babel/preset-env': ^7.9.0
   '@babel/runtime': ^7.9.2
+  '@rollup/plugin-alias': ^3.0.1
   '@rollup/plugin-commonjs': ^11.0.2
   '@rollup/plugin-node-resolve': ^7.1.1
   '@rollup/plugin-replace': ^2.3.1
diff --git a/rollup.config.js b/rollup.config.js
index 3d21ca6..0790896 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,4 +1,6 @@
+import path from 'path'
 import resolve from '@rollup/plugin-node-resolve'
+import alias from '@rollup/plugin-alias'
 import replace from '@rollup/plugin-replace'
 import commonjs from '@rollup/plugin-commonjs'
 import svelte from 'rollup-plugin-svelte'
@@ -32,6 +34,19 @@ const preprocess = autoPreprocess({
     postcss: true
 })
 
+// Resolve and Alias
+const resolveExtensions = ['.mjs', '.js', '.svelte', '.scss', '.json', '.html']
+const aliases = alias({
+    resolve: resolveExtensions,
+    entries: [
+        { find: 'utils', replacement: path.resolve(__dirname, 'src/utils') },
+        { find: 'animations', replacement: path.resolve(__dirname, 'src/animations') },
+        { find: 'atoms', replacement: path.resolve(__dirname, 'src/atoms') },
+        { find: 'molecules', replacement: path.resolve(__dirname, 'src/molecules') },
+        { find: 'organisms', replacement: path.resolve(__dirname, 'src/organisms') },
+    ]
+})
+
 
 export default {
     /*
@@ -53,15 +68,16 @@ export default {
                 emitCss: true,
                 // css: css => css.write('static/bundle.css')
             }),
+            aliases,
             resolve({
                 browser: true,
-                extensions: ['.mjs', '.js', '.svelte', '.scss', '.json', '.html'],
+                extensions: resolveExtensions,
                 dedupe: ['svelte']
             }),
             commonjs(),
             // dev && eslint(),
             legacy && babel({
-                extensions: ['.js', '.mjs', '.html', '.svelte'],
+                extensions: resolveExtensions,
                 exclude: ['*.scss', '*.css', 'node_modules/@babel/**'],
                 runtimeHelpers: true
             }),
@@ -92,12 +108,13 @@ export default {
                 preprocess,
                 generate: 'ssr'
             }),
+            aliases,
             resolve({
                 browser: true,
-                extensions: ['.mjs', '.js', '.json', '.html', '.svelte', '.scss'],
+                extensions: resolveExtensions,
                 dedupe: ['svelte']
             }),
-            commonjs(),
+            commonjs()
         ],
         external: Object.keys(pkg.dependencies).concat(
             require('module').builtinModules || Object.keys(process.binding('natives'))
@@ -114,6 +131,7 @@ export default {
     // 	output: sapperConfig.serviceworker.output(),
     // 	plugins: [
     // 		resolve(),
+    //      aliases,
     // 		replace({
     // 			'process.browser': true,
     // 			...replaceOptions
diff --git a/src/animations/Carousel.js b/src/animations/Carousel.js
index 624fbf7..0fe7761 100644
--- a/src/animations/Carousel.js
+++ b/src/animations/Carousel.js
@@ -1,6 +1,6 @@
 import anime from 'animejs'
 import ScrollOut from 'scroll-out'
-import { animDuration } from '../utils/store'
+import { animDuration } from 'utils/store'
 
 
 /*
diff --git a/src/animations/Locations.js b/src/animations/Locations.js
index 72aca46..6fa5090 100644
--- a/src/animations/Locations.js
+++ b/src/animations/Locations.js
@@ -1,6 +1,6 @@
 import anime from 'animejs'
 import ScrollOut from 'scroll-out'
-import { animDuration } from '../utils/store'
+import { animDuration } from 'utils/store'
 
 
 /*
diff --git a/src/animations/Photo.js b/src/animations/Photo.js
index 8ef4226..749c3b0 100644
--- a/src/animations/Photo.js
+++ b/src/animations/Photo.js
@@ -1,8 +1,8 @@
 import anime from 'animejs'
 import ScrollOut from 'scroll-out'
 import imagesLoaded from 'imagesloaded'
-import { animDuration, animDurationLong } from '../utils/store'
-import { throttle, parallaxAnime } from '../utils/functions'
+import { animDuration, animDurationLong } from 'utils/store'
+import { throttle, parallaxAnime } from 'utils/functions'
 
 
 /*
diff --git a/src/animations/TitleSite.js b/src/animations/TitleSite.js
index a91693e..ecab523 100644
--- a/src/animations/TitleSite.js
+++ b/src/animations/TitleSite.js
@@ -1,6 +1,6 @@
 import anime from 'animejs'
 import ScrollOut from 'scroll-out'
-import { animDuration } from '../utils/store'
+import { animDuration } from 'utils/store'
 
 
 /*
diff --git a/src/animations/Transition.js b/src/animations/Transition.js
index a1cd93f..fb0e9c3 100644
--- a/src/animations/Transition.js
+++ b/src/animations/Transition.js
@@ -1,5 +1,5 @@
 import anime from 'animejs'
-import { animDuration, animDurationLong } from '../utils/store'
+import { animDuration, animDurationLong } from 'utils/store'
 
 
 /*
diff --git a/src/animations/index.js b/src/animations/index.js
index 9f1c852..edbe674 100644
--- a/src/animations/index.js
+++ b/src/animations/index.js
@@ -1,7 +1,7 @@
 import anime from 'animejs'
 import ScrollOut from 'scroll-out'
-import { animDuration } from '../utils/store'
-import { throttle, parallaxAnime } from '../utils/functions'
+import { animDuration } from 'utils/store'
+import { throttle, parallaxAnime } from 'utils/functions'
 
 
 /*
diff --git a/src/animations/page.js b/src/animations/page.js
index 3baba56..4070588 100644
--- a/src/animations/page.js
+++ b/src/animations/page.js
@@ -1,6 +1,6 @@
 import anime from 'animejs'
 import ScrollOut from 'scroll-out'
-import { animDuration, animDurationLong } from '../utils/store'
+import { animDuration, animDurationLong } from 'utils/store'
 
 
 /*
diff --git a/src/animations/place.js b/src/animations/place.js
index 38e00d3..788f8f1 100644
--- a/src/animations/place.js
+++ b/src/animations/place.js
@@ -1,6 +1,6 @@
 import anime from 'animejs'
 // import ScrollOut from 'scroll-out'
-import { animDuration } from '../utils/store'
+import { animDuration } from 'utils/store'
 
 
 /*
diff --git a/src/animations/viewer.js b/src/animations/viewer.js
index 4bfec5c..ec3a3c4 100644
--- a/src/animations/viewer.js
+++ b/src/animations/viewer.js
@@ -1,5 +1,5 @@
 import anime from 'animejs'
-import { animDuration } from '../utils/store'
+import { animDuration } from 'utils/store'
 
 
 /*
diff --git a/src/atoms/IconGlobe.svelte b/src/atoms/IconGlobe.svelte
index 0eab929..5468d29 100644
--- a/src/atoms/IconGlobe.svelte
+++ b/src/atoms/IconGlobe.svelte
@@ -1,6 +1,6 @@
 <script>
     import { stores } from '@sapper/app'
-    import { randomString } from '../utils/functions'
+    import { randomString } from 'utils/functions'
     const { page } = stores()
 
     // Props
diff --git a/src/atoms/IconGlobeSmall.svelte b/src/atoms/IconGlobeSmall.svelte
index b7d8bb5..f2567a8 100644
--- a/src/atoms/IconGlobeSmall.svelte
+++ b/src/atoms/IconGlobeSmall.svelte
@@ -1,6 +1,6 @@
 <script>
     import { stores } from '@sapper/app'
-    import { randomString } from '../utils/functions'
+    import { randomString } from 'utils/functions'
     const { page } = stores()
 
     // Props
diff --git a/src/atoms/TitleSite.svelte b/src/atoms/TitleSite.svelte
index e0325fe..651003f 100644
--- a/src/atoms/TitleSite.svelte
+++ b/src/atoms/TitleSite.svelte
@@ -1,9 +1,9 @@
 <script>
     import { onMount } from 'svelte'
-    import { charsToSpan } from '../utils/functions'
+    import { charsToSpan } from 'utils/functions'
 
     // Animations
-    import { animateIn } from '../animations/TitleSite'
+    import { animateIn } from 'animations/TitleSite'
 
     // Variables
     let scope
diff --git a/src/molecules/InteractiveGlobe.svelte b/src/molecules/InteractiveGlobe.svelte
index 3a0f1d5..c2fa929 100644
--- a/src/molecules/InteractiveGlobe.svelte
+++ b/src/molecules/InteractiveGlobe.svelte
@@ -4,7 +4,7 @@
     // Lead 3: https://www.bypeople.com/css-js-webgl-rotating-3d-globe-effect/
 
     import { onMount } from 'svelte'
-    import { locations } from '../utils/store'
+    import { locations } from 'utils/store'
 
 
     // Props
diff --git a/src/molecules/Photo.svelte b/src/molecules/Photo.svelte
index 58a6140..5722e8c 100644
--- a/src/molecules/Photo.svelte
+++ b/src/molecules/Photo.svelte
@@ -1,10 +1,10 @@
 <script>
     import { onMount } from 'svelte'
-    import { site, currentLocation } from '../utils/store'
-    import { getThumbnail, formatDate } from '../utils/functions'
+    import { site, currentLocation } from 'utils/store'
+    import { getThumbnail, formatDate } from 'utils/functions'
 
     // Animations
-    import { animateIn } from '../animations/Photo'
+    import { animateIn } from 'animations/Photo'
 
     // Props and variables
     export let photo
diff --git a/src/molecules/Switcher.svelte b/src/molecules/Switcher.svelte
index 14cf2ef..2c33533 100644
--- a/src/molecules/Switcher.svelte
+++ b/src/molecules/Switcher.svelte
@@ -1,8 +1,8 @@
 <script>
-    import { currentLocation } from '../utils/store'
+    import { currentLocation } from 'utils/store'
 
     // Components
-    import IconGlobe from '../atoms/IconGlobe'
+    import IconGlobe from 'atoms/IconGlobe'
 
     // Props
     export let type = ''
diff --git a/src/organisms/Carousel.svelte b/src/organisms/Carousel.svelte
index 7d8481e..d399d8c 100644
--- a/src/organisms/Carousel.svelte
+++ b/src/organisms/Carousel.svelte
@@ -1,19 +1,19 @@
 <script>
     import { onMount, createEventDispatcher } from 'svelte'
     import { stores } from '@sapper/app'
-    import { currentLocation, fullscreen } from '../utils/store'
-    import { getThumbnail, formatDate } from '../utils/functions'
+    import { currentLocation, fullscreen } from 'utils/store'
+    import { getThumbnail, formatDate } from 'utils/functions'
 
     // Dependencies
     import SwipeListener from 'swipe-listener'
 
     // Animations
-    import { animateIn } from '../animations/Carousel'
+    import { animateIn } from 'animations/Carousel'
 
     // Components
-    import IconArrow from '../atoms/IconArrow'
-    import Counter from '../atoms/Counter'
-    import PaginationDots from '../molecules/PaginationDots'
+    import IconArrow from 'atoms/IconArrow'
+    import Counter from 'atoms/Counter'
+    import PaginationDots from 'molecules/PaginationDots'
 
     // Props
     export let photos
diff --git a/src/organisms/Footer.svelte b/src/organisms/Footer.svelte
index a73509a..c914a53 100644
--- a/src/organisms/Footer.svelte
+++ b/src/organisms/Footer.svelte
@@ -1,10 +1,10 @@
 <script>
     // Svelte
-    import { site, currentLocation } from '../utils/store'
+    import { site, currentLocation } from 'utils/store'
 
     // Components
-    import LinkTranslate from '../atoms/LinkTranslate'
-    import Switcher from '../molecules/Switcher'
+    import LinkTranslate from 'atoms/LinkTranslate'
+    import Switcher from 'molecules/Switcher'
 </script>
 
 <footer class="footer">
diff --git a/src/organisms/Fullscreen.svelte b/src/organisms/Fullscreen.svelte
index dba9bb0..a4dffac 100644
--- a/src/organisms/Fullscreen.svelte
+++ b/src/organisms/Fullscreen.svelte
@@ -1,13 +1,13 @@
 <script>
-    import { fullscreen } from '../utils/store'
-    import { throttle, getThumbnail } from '../utils/functions'
+    import { fullscreen } from 'utils/store'
+    import { throttle, getThumbnail } from 'utils/functions'
 
     // Dependencies
     import imagesLoaded from 'imagesloaded'
 
     // Components
-    import IconGlobe from '../atoms/IconGlobe'
-    import IconZoomOut from '../atoms/IconZoomOut'
+    import IconGlobe from 'atoms/IconGlobe'
+    import IconZoomOut from 'atoms/IconZoomOut'
 
     // Variables
     let scope
diff --git a/src/organisms/Locations.svelte b/src/organisms/Locations.svelte
index d85816c..1eb8411 100644
--- a/src/organisms/Locations.svelte
+++ b/src/organisms/Locations.svelte
@@ -1,16 +1,16 @@
 <script>
     import { onMount } from 'svelte'
     import { flip } from 'svelte/animate'
-    import { receive, send } from '../animations/crossfade'
-    import { locations, countries, continents } from '../utils/store'
-    import { throttle } from '../utils/functions'
+    import { receive, send } from 'animations/crossfade'
+    import { locations, countries, continents } from 'utils/store'
+    import { throttle } from 'utils/functions'
 
     // Components
-    import Button from '../atoms/Button'
-    import Location from '../molecules/Location'
+    import Button from 'atoms/Button'
+    import Location from 'molecules/Location'
 
     // Animations
-    import { animateIn } from '../animations/Locations'
+    import { animateIn } from 'animations/Locations'
 
     // Variables
     const transitionDuration = 800
diff --git a/src/organisms/Pagination.svelte b/src/organisms/Pagination.svelte
index 286cde0..f63d448 100644
--- a/src/organisms/Pagination.svelte
+++ b/src/organisms/Pagination.svelte
@@ -1,6 +1,6 @@
 <script>
     import { onMount, createEventDispatcher } from 'svelte'
-    import { currentLocation } from '../utils/store'
+    import { currentLocation } from 'utils/store'
     const dispatch = createEventDispatcher()
 
     // Props
diff --git a/src/routes/_error.svelte b/src/routes/_error.svelte
index 24df8c2..e893b55 100644
--- a/src/routes/_error.svelte
+++ b/src/routes/_error.svelte
@@ -1,12 +1,12 @@
 <script>
-    import { site } from '../utils/store'
+    import { site } from 'utils/store'
 
     // Components
-    import IconArrow from '../atoms/IconArrow'
-    import TitleSite from '../atoms/TitleSite'
-    import Button from '../atoms/Button'
-    import InteractiveGlobe from '../molecules/InteractiveGlobe'
-    import Footer from '../organisms/Footer'
+    import IconArrow from 'atoms/IconArrow'
+    import TitleSite from 'atoms/TitleSite'
+    import Button from 'atoms/Button'
+    import InteractiveGlobe from 'molecules/InteractiveGlobe'
+    import Footer from 'organisms/Footer'
 
     // Props
     export let status
diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 90d04f7..01750a9 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -1,5 +1,5 @@
 <script context="module">
-    import { apiEndpoints, } from '../utils/store'
+    import { apiEndpoints } from 'utils/store'
 
     export async function preload (page, session) {
         const req = await this.fetch(apiEndpoints.gql, {
@@ -71,11 +71,11 @@
         continents,
         countries,
         locations
-    } from '../utils/store'
+    } from 'utils/store'
 
     // Components
-    import Transition from '../utils/Transition'
-    import AnalyticsTracker from '../utils/AnalyticsTracker'
+    import Transition from 'utils/Transition'
+    import AnalyticsTracker from 'utils/AnalyticsTracker'
 
     // Variables
     const { page } = stores()
diff --git a/src/routes/choose.svelte b/src/routes/choose.svelte
index 7b4fc71..39ea9a7 100644
--- a/src/routes/choose.svelte
+++ b/src/routes/choose.svelte
@@ -7,18 +7,18 @@
         currentPhotos,
         pageReady,
         pageTransition
-    } from '../utils/store'
+    } from 'utils/store'
 
     // Components
-    import IconArrow from '../atoms/IconArrow'
-    import TitleSite from '../atoms/TitleSite'
-    import Globe from '../molecules/InteractiveGlobe'
-    import Locations from '../organisms/Locations'
-    import Footer from '../organisms/Footer'
-    import SocialMetas from '../utils/SocialMetas'
+    import IconArrow from 'atoms/IconArrow'
+    import TitleSite from 'atoms/TitleSite'
+    import Globe from 'molecules/InteractiveGlobe'
+    import Locations from 'organisms/Locations'
+    import Footer from 'organisms/Footer'
+    import SocialMetas from 'utils/SocialMetas'
 
     // Animations
-    import { animateIn } from '../animations/page'
+    import { animateIn } from 'animations/page'
     pageTransition.onAnimationEnd = animateIn
 
     // Variables
diff --git a/src/routes/credits.svelte b/src/routes/credits.svelte
index a2ad642..6879818 100644
--- a/src/routes/credits.svelte
+++ b/src/routes/credits.svelte
@@ -1,18 +1,18 @@
 <script>
     import { onMount } from 'svelte'
     import { stores } from '@sapper/app'
-    import { site, pageReady, pageTransition } from '../utils/store'
+    import { site, pageReady, pageTransition } from 'utils/store'
 
     // Components
-    import IconArrow from '../atoms/IconArrow'
-    import TitleSite from '../atoms/TitleSite'
-    import LinkTranslate from '../atoms/LinkTranslate'
-    import InteractiveGlobe from '../molecules/InteractiveGlobe'
-    import Footer from '../organisms/Footer'
-    import SocialMetas from '../utils/SocialMetas'
+    import IconArrow from 'atoms/IconArrow'
+    import TitleSite from 'atoms/TitleSite'
+    import LinkTranslate from 'atoms/LinkTranslate'
+    import InteractiveGlobe from 'molecules/InteractiveGlobe'
+    import Footer from 'organisms/Footer'
+    import SocialMetas from 'utils/SocialMetas'
 
     // Animations
-    import { animateIn } from '../animations/page'
+    import { animateIn } from 'animations/page'
     pageTransition.onAnimationEnd = animateIn
 
     // Variables
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 56de270..510fc1b 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,6 +1,4 @@
 <script context="module">
-	import { site, apiEndpoints } from '../utils/store'
-
     // Variables
     let limit
 
@@ -29,30 +27,32 @@
     import { onMount } from 'svelte'
     import { stores } from '@sapper/app'
     import {
+        apiEndpoints,
+        site,
         currentLocation,
         currentPhotos,
         pageReady,
         pageTransition
-    } from '../utils/store'
-    import { charsToSpan } from '../utils/functions'
+    } from 'utils/store'
+    import { charsToSpan } from 'utils/functions'
 
     // Dependencies
     import zenscroll from 'zenscroll'
 
     // Components
-    import Button from '../atoms/Button'
-    import IconGlobeSmall from '../atoms/IconGlobeSmall'
-    import IconGlobe from '../atoms/IconGlobe'
-    import InteractiveGlobe from '../molecules/InteractiveGlobe'
-    import Carousel from '../organisms/Carousel'
-    import Fullscreen from '../organisms/Fullscreen'
-    import Locations from '../organisms/Locations'
-    import Footer from '../organisms/Footer'
-    import SocialMetas from '../utils/SocialMetas'
-    import Transition from '../utils/Transition'
+    import Button from 'atoms/Button'
+    import IconGlobeSmall from 'atoms/IconGlobeSmall'
+    import IconGlobe from 'atoms/IconGlobe'
+    import InteractiveGlobe from 'molecules/InteractiveGlobe'
+    import Carousel from 'organisms/Carousel'
+    import Fullscreen from 'organisms/Fullscreen'
+    import Locations from 'organisms/Locations'
+    import Footer from 'organisms/Footer'
+    import SocialMetas from 'utils/SocialMetas'
+    import Transition from 'utils/Transition'
 
     // Animations
-    import { animateIn } from '../animations/index'
+    import { animateIn } from 'animations/index'
     pageTransition.onAnimationEnd = animateIn
 
     // Props and variables
diff --git a/src/routes/location/[country]/[place].svelte b/src/routes/location/[country]/[place].svelte
index 1f55718..c27822a 100644
--- a/src/routes/location/[country]/[place].svelte
+++ b/src/routes/location/[country]/[place].svelte
@@ -1,5 +1,5 @@
 <script context="module">
-    import { apiEndpoints } from '../../../utils/store'
+    import { apiEndpoints } from 'utils/store'
 
     // Preload data
     export async function preload (page, session) {
@@ -30,25 +30,25 @@
         currentPhotos,
         pageReady,
         pageTransition
-    } from '../../../utils/store'
-    import { formatDate, relativeTime, getThumbnail } from '../../../utils/functions'
+    } from 'utils/store'
+    import { formatDate, relativeTime, getThumbnail } from 'utils/functions'
 
     // Dependencies
     import lazySizes from 'lazysizes'
 
     // Components
-    import IconGlobe from '../../../atoms/IconGlobe'
-    import IconGlobeSmall from '../../../atoms/IconGlobeSmall'
-    import LinkChange from '../../../atoms/LinkChange'
-    import ToggleLayout from '../../../atoms/ToggleLayout'
-    import Photo from '../../../molecules/Photo'
-    import Switcher from '../../../molecules/Switcher'
-    import Pagination from '../../../organisms/Pagination'
-    import Footer from '../../../organisms/Footer'
-    import SocialMetas from '../../../utils/SocialMetas'
+    import IconGlobe from 'atoms/IconGlobe'
+    import IconGlobeSmall from 'atoms/IconGlobeSmall'
+    import LinkChange from 'atoms/LinkChange'
+    import ToggleLayout from 'atoms/ToggleLayout'
+    import Photo from 'molecules/Photo'
+    import Switcher from 'molecules/Switcher'
+    import Pagination from 'organisms/Pagination'
+    import Footer from 'organisms/Footer'
+    import SocialMetas from 'utils/SocialMetas'
 
     // Animations
-    import { animateIn } from '../../../animations/place'
+    import { animateIn } from 'animations/place'
     pageTransition.onAnimationEnd = animateIn
 
     // Props and variables
diff --git a/src/routes/sitemap.xml.js b/src/routes/sitemap.xml.js
index 07180d3..325a300 100644
--- a/src/routes/sitemap.xml.js
+++ b/src/routes/sitemap.xml.js
@@ -1,6 +1,6 @@
 const fs = require('fs')
 const fetch = require('node-fetch')
-import { apiEndpoints } from '../utils/store'
+import { apiEndpoints } from 'utils/store'
 
 
 // Variables
diff --git a/src/routes/viewer/[country]/[place]/[photo].svelte b/src/routes/viewer/[country]/[place]/[photo].svelte
index 758a2f5..42a0b86 100644
--- a/src/routes/viewer/[country]/[place]/[photo].svelte
+++ b/src/routes/viewer/[country]/[place]/[photo].svelte
@@ -1,7 +1,4 @@
 <script context="module">
-    import { stores } from '@sapper/app'
-    import { apiEndpoints } from '../../../../utils/store'
-
     // Define either to preload data or use the store
     let preloaded
     currentPhotos.subscribe(store => preloaded = store ? store : undefined)
@@ -31,25 +28,27 @@
 
 <script>
     import { onMount } from 'svelte'
+    import { stores } from '@sapper/app'
     import {
+        apiEndpoints,
         site,
         locations,
         currentLocation,
         currentPhotos,
         pageReady,
         pageTransition
-    } from '../../../../utils/store'
-    import { getThumbnail } from '../../../../utils/functions'
+    } from 'utils/store'
+    import { getThumbnail } from 'utils/functions'
 
     // Components
-    import IconGlobe from '../../../../atoms/IconGlobe'
-    import IconCross from '../../../../atoms/IconCross'
-    import Carousel from '../../../../organisms/Carousel'
-    import Fullscreen from '../../../../organisms/Fullscreen'
-    import SocialMetas from '../../../../utils/SocialMetas'
+    import IconGlobe from 'atoms/IconGlobe'
+    import IconCross from 'atoms/IconCross'
+    import Carousel from 'organisms/Carousel'
+    import Fullscreen from 'organisms/Fullscreen'
+    import SocialMetas from 'utils/SocialMetas'
 
     // Animations
-    import { animateIn } from '../../../../animations/viewer'
+    import { animateIn } from 'animations/viewer'
     pageTransition.onAnimationEnd = animateIn
 
     // Props
diff --git a/src/utils/AnalyticsTracker.svelte b/src/utils/AnalyticsTracker.svelte
index 7b73a31..bc82606 100644
--- a/src/utils/AnalyticsTracker.svelte
+++ b/src/utils/AnalyticsTracker.svelte
@@ -1,5 +1,5 @@
 <script>
-    import { analyticsUpdate } from '../utils/functions'
+    import { analyticsUpdate } from 'utils/functions'
 
     // Props
     export let stores
diff --git a/src/utils/Transition.svelte b/src/utils/Transition.svelte
index e622a08..8095fe0 100644
--- a/src/utils/Transition.svelte
+++ b/src/utils/Transition.svelte
@@ -4,11 +4,11 @@
     const { page } = stores()
 
     // Components
-    import TitleSite from '../atoms/TitleSite'
-    import IconGlobe from '../atoms/IconGlobe'
+    import TitleSite from 'atoms/TitleSite'
+    import IconGlobe from 'atoms/IconGlobe'
 
     // Animations
-    import { animateIn, animateOut } from '../animations/Transition'
+    import { animateIn, animateOut } from 'animations/Transition'
 
 
     /*