A responsive webapp to feed your head with space & astronomy wonders
App used to keep stepping in dev world. My main focuses were:
- understand the mechanics of a JS react framework : NextJs v14 with the App router does the trick
- have a responsive designed web application (for mobile and desktop)
- have an automatic deployment pipeline
- store data in a cloud database
- build a continuous integration & deployment pipeline
Using:
- NextJs @14.0.3 to organize the app, using the App Router
- TypeScript @5.3
- Next-Auth to easily setup a signin/signup/signout mechanism with Github provider
- TailwindCSS for pages styling
- Github to host app sources
- GitHub Actions to automate continuous integration & fire Vercel deployment
- Vercel to deploy automatically (after each push on main) @see here
- Cypress to write UI and API tests. They are started in Preflight (GitHub Action) before deploying to Vercel
$ npm i react@latest react-dom@latest [email protected]
$ npm run cy:run
We use APOD Nasa API to fetch pictures/videos of the day. You need to get your own API key (stored under .env/NASA_API_SECRET) in order to make it work.
$ npm run dev
Latest deployment of main branch on Vercel
After each push on main branch, we build, lint, run tests and then build. On success build, we deploy on prod env.
MIT © 2023 Thibault Houel