Astro Studios Frontend

/assets: General Images/Videos, SVGs, and Fonts
/components: Reusable components
/components/views: Sections of the website
/hooks: Reusable Custom Hooks
/lib: Reusable Scripts and State Store
/styles: Global styles and Styled Components partials

Setup

The usual process for Next.js based apps/websites:

Install node modules:

$ npm i
Get the .env variables from Vercel (check .env.template), after installing Vercel CLI:

$ vc link

$ vc env pull
run development environment:

$ npm run dev

Alongside the usual Next.js folder structure (/public, /pages, etc.) We've added a few other folders to keep the code easier to read:

Name		Name	Last commit message	Last commit date
Latest commit History 44 Commits
assets/fonts		assets/fonts
components		components
hooks		hooks
lib		lib
pages		pages
public		public
styles		styles
.env.template		.env.template
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
jsconfig.json		jsconfig.json
next-sitemap.config.js		next-sitemap.config.js
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json