Choose your next JavaScript framework based on the features you need.

Last update: Nov 19, 2022

Overview

Astro Starter Kit: Minimal

npm init astro -- --template minimal

🧑‍🚀 Seasoned astronaut? Delete this file. Have fun!

🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
├── src/
│   └── pages/
│       └── index.astro
└── package.json

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the public/ directory.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
`npm install`	Installs dependencies
`npm run dev`	Starts local dev server at `localhost:3000`
`npm run build`	Build your production site to `./dist/`
`npm run preview`	Preview your build locally, before deploying
`npm run astro ...`	Run CLI commands like `astro add`, `astro check`
`npm run astro --help`	Get help using the Astro CLI

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.

Comments

Style: Added stome styles
Added some nice styling to the UI

Changed UI layout

Dark Mode

Responsive layouts

Grid layout for question cards

Card effects on hover

Evenly aligned framework cards with Grid

Link to Github Repository

Link to Blog post

Added Packages:

Tailwind CSS

Astro-Icons

Screenshots

Home Page

Framework Page

AppType Page
opened by falcon-Z 3
Add some extra features for Nuxt

Static docs for Nuxt: https://nuxtjs.org/announcements/nuxt-static-improvements.

MPA support in Nuxt 2 is present in much the same way as for Next.js - you can always use <a> rather than <NuxtLink>. In addition, both Nuxt 2 + Nuxt 3 support zero-client-side JS rendering modes. (In Nuxt 3, it's turned on with experimental.noScripts (docs) and in Nuxt 2 it is turned on by setting render.injectScripts to false.)

And more features along those lines coming soon ....

opened by danielroe 3

Choose your next JavaScript framework based on the features you need.

Related tags

Overview

Astro Starter Kit: Minimal

🚀 Project Structure

🧞 Commands

👀 Want to learn more?

You might also like...

To-do list is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with JavaScript.

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Microverse Module 02 Project: This is educational project is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with HTML, Sass, JavaScript and Webpack.

Bun-Bakery is a web framework for Bun. It uses a file based router in style like svelte-kit. No need to define routes during runtime.

375 DSA Tracker helps you build your confidence in solving any coding related question and helps you prepare for your placements. It is your personal web-based progress tracker based on 375 DSA Sheet by Aman Dhattarwal & Shradha Didi

Create a new project with Next.js, TypeScript, Eslint, Prettier in just 1 second and you don't need to setup anything.

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. It is created with HTML , CSS , JS and webpack and NPM.

Comments

Style: Added stome styles

Added some nice styling to the UI

Added Packages:

Screenshots

Home Page

Framework Page

AppType Page

Add some extra features for Nuxt

Owner

@whitep4nth3r

A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fonts.

"Choose your Pokemon" is a Webpack project meant to fetch data from two different APIs: PokéAPI and Involvement API

To-do list is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. It is tested by JavaScript Unit testing using Jest framework. It is build by using ES6 and Webpack!

Tired of boring balena device names? Why not let us choose!

to choose the best one of Gcore‘IPs for connection with lowest latency.

"To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!

A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most.

A Typescript Hardhat-based template to develop evm-based smart contracts with all the tooling you need.

The website which can help you to organize your daily or weekly activities and review them when you need them. you can add, remove and delete an activity

To-do list is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with JavaScript.